/* default styles for extension "tx_felogin_pi1" */ .tx-felogin-pi1 label { display: block; } /* default styles for extension "tx_flvplayer_pi1" */ div.tx-flvplayer2-pi1 { font-size:x-small; } div#flvplayer2_middle { text-align:center; margin: 1em auto; } div#flvplayer2_left { text-align:center; margin: 0 auto 0 0; } div#flvplayer2_right { text-align:center; margin: 0 0 0 auto; } /* default styles for extension "tx_ptextlist" */ /* List */ .tx-ptextlist-list-standard { border-collapse: collapse; border-spacing: 0; font-size: 12px; width: 100%; } .tx-ptextlist-list-standard th { background: #AAA; border: 1px solid #bfbfbf; padding: 4px; white-space: nowrap; } .tx-ptextlist-list-standard td { border: 1px solid #bfbfbf; margin: 0px; padding: 2px 4px 2px 4px; vertical-align: top; } .tx-ptextlist-list-standard tr.odd { background-color: #ffffff; } .tx-ptextlist-list-standard tr.even { background-color: #F5F5F5; } /* Listheader */ .tx-ptextlist-list-header a { text-decoration: none; } .tx-ptextlist-list-header img { border: none; } /* Aggregates */ .tx-ptextlist-aggregaterow { background-color: #DDDDDD; font-weight: bold; } /* Export */ .tx-ptextlist-list-exportLink { margin: 5px; } /* Column selector */ .tx-ptextlist-columnSelector{ border: 1px solid #BFBFBF; margin-bottom: 20px; padding: 5px; overflow: hidden; background-color: #eee; } /* Filters */ .tx-ptextlist-filterbox { border: 1px solid #BFBFBF; margin-bottom: 20px; padding: 5px; overflow: hidden; background-color: #eee; } .tx-ptextlist-filterboxcontrols { /* float: left; */ clear: both; padding: 18px 0 0 10px; } .tx-ptextlist-filters { list-style-type: none; } .tx-ptextlist-filter { float: left; margin: 20px; padding: 10px; list-style-type: none; background-color: #ccc; border: 1px solid #AFAFAF; } /* Filters | Firstletter */ .tx-ptextlist-filter-firstLetter{ float: left; padding: 3px; list-style-type: none; } .type-button .reset { margin-left: 1em; } /* Filters | TagClud */ .tx-ptextlist-filter-tagCloud-list li { float: left; list-style: none outside none; margin-right: 6px; margin-top: 3px; } .tx-ptextlist-filter-tagCloud-list li a:hover { text-decoration: underline; } /* Pager */ .tx-ptextlist-pager-wrapper { border: 1px solid #BFBFBF; margin-top: 20px; padding: 5px; overflow: hidden; background-color: #eee; } .tx-ptextlist-pager { margin-left: 0; text-align: center; } .tx-ptextlist-pager li { display: inline; } .tx-ptextlist-pager-item-display { color: #777; } /* default styles for extension "tx_cssstyledcontent" */ /* Headers */ .csc-header-alignment-center { text-align: center; } .csc-header-alignment-right { text-align: right; } .csc-header-alignment-left { text-align: left; } /* Clear floats after csc-textpic and after csc-textpic-imagerow */ div.csc-textpic, div.csc-textpic div.csc-textpic-imagerow, ul.csc-uploads li { overflow: hidden; } /* Set padding for tables */ div.csc-textpic .csc-textpic-imagewrap table { border-collapse: collapse; border-spacing: 0; } div.csc-textpic .csc-textpic-imagewrap table tr td { padding: 0; vertical-align: top; } /* Settings for figure and figcaption (HTML5) */ div.csc-textpic .csc-textpic-imagewrap figure, div.csc-textpic figure.csc-textpic-imagewrap { margin: 0; display: table; } /* Captions */ figcaption.csc-textpic-caption { display: table-caption; } .csc-textpic-caption { text-align: left; caption-side: bottom; } div.csc-textpic-caption-c .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-c { text-align: center; } div.csc-textpic-caption-r .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-r { text-align: right; } div.csc-textpic-caption-l .csc-textpic-caption, .csc-textpic-imagewrap .csc-textpic-caption-l { text-align: left; } /* Float the columns */ div.csc-textpic div.csc-textpic-imagecolumn { float: left; } /* Border just around the image */ div.csc-textpic-border div.csc-textpic-imagewrap img { border: 2px solid black; padding: 0px 0px; } div.csc-textpic .csc-textpic-imagewrap img { border: none; display: block; } /* Space below each image (also in-between rows) */ div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 10px; } div.csc-textpic .csc-textpic-imagewrap .csc-textpic-imagerow-last .csc-textpic-image { margin-bottom: 0; } /* colSpace around image columns, except for last column */ div.csc-textpic-imagecolumn, td.csc-textpic-imagecolumn .csc-textpic-image { margin-right: 10px; } div.csc-textpic-imagecolumn.csc-textpic-lastcol, td.csc-textpic-imagecolumn.csc-textpic-lastcol .csc-textpic-image { margin-right: 0; } /* Add margin from image-block to text (in case of "Text w/ images") */ div.csc-textpic-intext-left .csc-textpic-imagewrap, div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { margin-right: 10px; } div.csc-textpic-intext-right .csc-textpic-imagewrap, div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { margin-left: 10px; } /* Positioning of images: */ /* Center (above or below) */ div.csc-textpic-center .csc-textpic-imagewrap, div.csc-textpic-center figure.csc-textpic-imagewrap { overflow: hidden; } div.csc-textpic-center .csc-textpic-center-outer { position: relative; float: right; right: 50%; } div.csc-textpic-center .csc-textpic-center-inner { position: relative; float: right; right: -50%; } /* Right (above or below) */ div.csc-textpic-right .csc-textpic-imagewrap { float: right; } div.csc-textpic-right div.csc-textpic-text { clear: right; } /* Left (above or below) */ div.csc-textpic-left .csc-textpic-imagewrap { float: left; } div.csc-textpic-left div.csc-textpic-text { clear: left; } /* Left (in text) */ div.csc-textpic-intext-left .csc-textpic-imagewrap { float: left; } /* Right (in text) */ div.csc-textpic-intext-right .csc-textpic-imagewrap { float: right; } /* Right (in text, no wrap around) */ div.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap { float: right; } /* Left (in text, no wrap around) */ div.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap { float: left; } div.csc-textpic div.csc-textpic-imagerow-last, div.csc-textpic div.csc-textpic-imagerow-none div.csc-textpic-last { margin-bottom: 0; } /* Browser fixes: */ /* Fix for unordered and ordered list with image "In text, left" */ .csc-textpic-intext-left ol, .csc-textpic-intext-left ul { padding-left: 40px; overflow: auto; } /* File Links */ ul.csc-uploads { padding: 0; } ul.csc-uploads li { list-style: none outside none; margin: 1em 0; } ul.csc-uploads img { float: left; padding-right: 1em; vertical-align: top; } ul.csc-uploads span { display: block; } ul.csc-uploads span.csc-uploads-fileName { text-decoration: underline; } /* Table background colors: */ table.contenttable-color-1 { background-color: #EDEBF1; } table.contenttable-color-2 { background-color: #F5FFAA; } table.contenttable-color-240 { background-color: black; } table.contenttable-color-241 { background-color: white; } table.contenttable-color-242 { background-color: #333333; } table.contenttable-color-243 { background-color: gray; } table.contenttable-color-244 { background-color: silver; } /* specific page styles for extension "tx_cssstyledcontent" */ .csc-textpic-intext-right-nowrap .csc-textpic-text { margin-right: 310px; } .csc-textpic-intext-left-nowrap .csc-textpic-text { margin-left: 310px; } /* Colorbox Core Style: The following CSS is consistent between example themes and should not be altered. */ #colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;} #cboxOverlay{position:fixed; width:100%; height:100%;} #cboxMiddleLeft, #cboxBottomLeft{clear:left;} #cboxContent{position:relative;} #cboxLoadedContent{overflow:auto; -webkit-overflow-scrolling: touch;} #cboxTitle{margin:0;} #cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%; height:100%;} #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;} .cboxPhoto{float:left; margin:auto; border:0; display:block; max-width:none; -ms-interpolation-mode:bicubic;} .cboxIframe{width:100%; height:100%; display:block; border:0;} #colorbox, #cboxContent, #cboxLoadedContent{box-sizing:content-box; -moz-box-sizing:content-box; -webkit-box-sizing:content-box;} /* User Style: Change the following styles to modify the appearance of Colorbox. They are ordered & tabbed in a way that represents the nesting of the generated HTML. */ #cboxOverlay{background:#fff;} #colorbox{outline:0;} #cboxTopLeft{width:25px; height:25px; background:url('../../typo3conf/ext/t3colorbox/Resources/Public/Css/1.4.15/example4/images/border1.png') no-repeat 0 0;} #cboxTopCenter{height:25px; background:url('../../typo3conf/ext/t3colorbox/Resources/Public/Css/1.4.15/example4/images/border1.png') repeat-x 0 -50px;} #cboxTopRight{width:25px; height:25px; background:url('../../typo3conf/ext/t3colorbox/Resources/Public/Css/1.4.15/example4/images/border1.png') no-repeat -25px 0;} #cboxBottomLeft{width:25px; height:25px; background:url('../../typo3conf/ext/t3colorbox/Resources/Public/Css/1.4.15/example4/images/border1.png') no-repeat 0 -25px;} #cboxBottomCenter{height:25px; background:url('../../typo3conf/ext/t3colorbox/Resources/Public/Css/1.4.15/example4/images/border1.png') repeat-x 0 -75px;} #cboxBottomRight{width:25px; height:25px; background:url('../../typo3conf/ext/t3colorbox/Resources/Public/Css/1.4.15/example4/images/border1.png') no-repeat -25px -25px;} #cboxMiddleLeft{width:25px; background:url('../../typo3conf/ext/t3colorbox/Resources/Public/Css/1.4.15/example4/images/border2.png') repeat-y 0 0;} #cboxMiddleRight{width:25px; background:url('../../typo3conf/ext/t3colorbox/Resources/Public/Css/1.4.15/example4/images/border2.png') repeat-y -25px 0;} #cboxContent{background:#fff; overflow:hidden;} .cboxIframe{background:#fff;} #cboxError{padding:50px; border:1px solid #ccc;} #cboxLoadedContent{margin-bottom:20px;} #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;} #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;} #cboxLoadingOverlay{background:#fff url('../../typo3conf/ext/t3colorbox/Resources/Public/Css/1.4.15/example4/images/loading.gif') no-repeat 5px 5px;} /* these elements are buttons, and may need to have additional styles reset to avoid unwanted base styles */ #cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose {border:0; padding:0; margin:0; overflow:visible; width:auto; background:none; } /* avoid outlines on :active (mouseclick), but preserve outlines on :focus (tabbed navigating) */ #cboxPrevious:active, #cboxNext:active, #cboxSlideshow:active, #cboxClose:active {outline:0;} #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;} #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;} #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;} #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;} /* The following fixes a problem where IE7 and IE8 replace a PNG's alpha transparency with a black fill when an alpha filter (opacity change) is set on the element or ancestor element. This style is not applied to or needed in IE9. See: http://jacklmoore.com/notes/ie-transparency-problems/ */ .cboxIE #cboxTopLeft, .cboxIE #cboxTopCenter, .cboxIE #cboxTopRight, .cboxIE #cboxBottomLeft, .cboxIE #cboxBottomCenter, .cboxIE #cboxBottomRight, .cboxIE #cboxMiddleLeft, .cboxIE #cboxMiddleRight { filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#00FFFFFF,endColorstr=#00FFFFFF); } /*! normalize.css v2.1.2 | MIT License | git.io/normalize */ /* ========================================================================== HTML5 display definitions ========================================================================== */ /** * Correct `block` display not defined in IE 8/9. */ article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary { display: block; } /** * Correct `inline-block` display not defined in IE 8/9. */ audio, canvas, video { display: inline-block; } /** * Prevent modern browsers from displaying `audio` without controls. * Remove excess height in iOS 5 devices. */ audio:not([controls]) { display: none; height: 0; } /** * Address styling not present in IE 8/9. */ [hidden] { display: none; } /* ========================================================================== Base ========================================================================== */ /** * 1. Set default font family to sans-serif. * 2. Prevent iOS text size adjust after orientation change, without disabling * user zoom. */ html { font-family: sans-serif; /* 1 */ -ms-text-size-adjust: 100%; /* 2 */ -webkit-text-size-adjust: 100%; /* 2 */ } /** * Remove default margin. */ body { margin: 0; } /* ========================================================================== Links ========================================================================== */ /** * Address `outline` inconsistency between Chrome and other browsers. */ a:focus { outline: thin dotted; } /** * Improve readability when focused and also mouse hovered in all browsers. */ a:active, a:hover { outline: 0; } /* ========================================================================== Typography ========================================================================== */ /** * Address variable `h1` font-size and margin within `section` and `article` * contexts in Firefox 4+, Safari 5, and Chrome. */ h1 { font-size: 2em; margin: 0.67em 0; } /** * Address styling not present in IE 8/9, Safari 5, and Chrome. */ abbr[title] { border-bottom: 1px dotted; } /** * Address style set to `bolder` in Firefox 4+, Safari 5, and Chrome. */ b, strong { font-weight: bold; } /** * Address styling not present in Safari 5 and Chrome. */ dfn { font-style: italic; } /** * Address differences between Firefox and other browsers. */ hr { -moz-box-sizing: content-box; box-sizing: content-box; height: 0; } /** * Address styling not present in IE 8/9. */ mark { background: #ff0; color: #000; } /** * Correct font family set oddly in Safari 5 and Chrome. */ code, kbd, pre, samp { font-family: monospace, serif; font-size: 1em; } /** * Improve readability of pre-formatted text in all browsers. */ pre { white-space: pre-wrap; } /** * Set consistent quote types. */ q { quotes: "\201C" "\201D" "\2018" "\2019"; } /** * Address inconsistent and variable font size in all browsers. */ small { font-size: 80%; } /** * Prevent `sub` and `sup` affecting `line-height` in all browsers. */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ========================================================================== Embedded content ========================================================================== */ /** * Remove border when inside `a` element in IE 8/9. */ img { border: 0; } /** * Correct overflow displayed oddly in IE 9. */ svg:not(:root) { overflow: hidden; } /* ========================================================================== Figures ========================================================================== */ /** * Address margin not present in IE 8/9 and Safari 5. */ figure { margin: 0; } /* ========================================================================== Forms ========================================================================== */ /** * Define consistent border, margin, and padding. */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /** * 1. Correct `color` not being inherited in IE 8/9. * 2. Remove padding so people aren't caught out if they zero out fieldsets. */ legend { border: 0; /* 1 */ padding: 0; /* 2 */ } /** * 1. Correct font family not being inherited in all browsers. * 2. Correct font size not being inherited in all browsers. * 3. Address margins set differently in Firefox 4+, Safari 5, and Chrome. */ button, input, select, textarea { font-family: inherit; /* 1 */ font-size: 100%; /* 2 */ margin: 0; /* 3 */ } /** * Address Firefox 4+ setting `line-height` on `input` using `!important` in * the UA stylesheet. */ button, input { line-height: normal; } /** * Address inconsistent `text-transform` inheritance for `button` and `select`. * All other form control elements do not inherit `text-transform` values. * Correct `button` style inheritance in Chrome, Safari 5+, and IE 8+. * Correct `select` style inheritance in Firefox 4+ and Opera. */ button, select { text-transform: none; } /** * 1. Avoid the WebKit bug in Android 4.0.* where (2) destroys native `audio` * and `video` controls. * 2. Correct inability to style clickable `input` types in iOS. * 3. Improve usability and consistency of cursor style between image-type * `input` and others. */ button, html input[type="button"], /* 1 */ input[type="reset"], input[type="submit"] { -webkit-appearance: button; /* 2 */ cursor: pointer; /* 3 */ } /** * Re-set default cursor for disabled elements. */ button[disabled], html input[disabled] { cursor: default; } /** * 1. Address box sizing set to `content-box` in IE 8/9. * 2. Remove excess padding in IE 8/9. */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ } /** * 1. Address `appearance` set to `searchfield` in Safari 5 and Chrome. * 2. Address `box-sizing` set to `border-box` in Safari 5 and Chrome * (include `-moz` to future-proof). */ input[type="search"] { -webkit-appearance: textfield; /* 1 */ -moz-box-sizing: content-box; -webkit-box-sizing: content-box; /* 2 */ box-sizing: content-box; } /** * Remove inner padding and search cancel button in Safari 5 and Chrome * on OS X. */ input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration { -webkit-appearance: none; } /** * Remove inner padding and border in Firefox 4+. */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /** * 1. Remove default vertical scrollbar in IE 8/9. * 2. Improve readability and alignment in all browsers. */ textarea { overflow: auto; /* 1 */ vertical-align: top; /* 2 */ } /* ========================================================================== Tables ========================================================================== */ /** * Remove most spacing between table cells. */ table { border-collapse: collapse; border-spacing: 0; } @font-face { font-family: 'signika'; font-style: normal; font-weight: normal; src: url('../../typo3conf/ext/site_assets/res/font/signika-regular-webfont.eot'); src: url('../../typo3conf/ext/site_assets/res/font/signika-regular-webfont.eot?#iefix') format('embedded-opentype'), url('../../typo3conf/ext/site_assets/res/font/signika-regular-webfont.woff') format('woff'), url('../../typo3conf/ext/site_assets/res/font/signika-regular-webfont.ttf') format('truetype'), url('../../typo3conf/ext/site_assets/res/font/signika-regular-webfont.svg#signikaregular') format('svg'); } @font-face { font-family: 'signika'; font-style: normal; font-weight: bold; src: url('../../typo3conf/ext/site_assets/res/font/signika-semibold-webfont.eot'); src: url('../../typo3conf/ext/site_assets/res/font/signika-semibold-webfont.eot?#iefix') format('embedded-opentype'), url('../../typo3conf/ext/site_assets/res/font/signika-semibold-webfont.woff') format('woff'), url('../../typo3conf/ext/site_assets/res/font/signika-semibold-webfont.ttf') format('truetype'), url('../../typo3conf/ext/site_assets/res/font/signika-semibold-webfont.svg#signikasemibold') format('svg'); } @font-face { font-family: 'signika'; font-style: normal; font-weight: 100; src: url('../../typo3conf/ext/site_assets/res/font/signika-light-webfont.eot'); src: url('../../typo3conf/ext/site_assets/res/font/signika-light-webfont.eot?#iefix') format('embedded-opentype'), url('../../typo3conf/ext/site_assets/res/font/signika-light-webfont.woff') format('woff'), url('../../typo3conf/ext/site_assets/res/font/signika-light-webfont.ttf') format('truetype'), url('../../typo3conf/ext/site_assets/res/font/signika-light-webfont.svg#signikalight') format('svg'); } /*! jQuery UI - v1.10.3 - 2013-05-23 * http://jqueryui.com * Includes: jquery.ui.core.css, jquery.ui.resizable.css, jquery.ui.selectable.css, jquery.ui.accordion.css, jquery.ui.autocomplete.css, jquery.ui.button.css, jquery.ui.datepicker.css, jquery.ui.dialog.css, jquery.ui.menu.css, jquery.ui.progressbar.css, jquery.ui.slider.css, jquery.ui.spinner.css, jquery.ui.tabs.css, jquery.ui.tooltip.css * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Arial%2Csans-serif&fwDefault=normal&fsDefault=1em&cornerRadius=0&bgColorHeader=%23ffffff&bgTextureHeader=flat&bgImgOpacityHeader=35&borderColorHeader=%23eaeadd&fcHeader=%23333333&iconColorHeader=%23333333&bgColorContent=%23ffffff&bgTextureContent=highlight_soft&bgImgOpacityContent=100&borderColorContent=%23eaeadd&fcContent=%23333333&iconColorContent=%23333333&bgColorDefault=%23eaeadd&bgTextureDefault=flat&bgImgOpacityDefault=100&borderColorDefault=%23eaeadd&fcDefault=%2393934a&iconColorDefault=%2393934a&bgColorHover=%23e99009&bgTextureHover=flat&bgImgOpacityHover=100&borderColorHover=%23e99009&fcHover=%23ffffff&iconColorHover=%23ffffff&bgColorActive=%23e99009&bgTextureActive=flat&bgImgOpacityActive=65&borderColorActive=%23e99009&fcActive=%23ffffff&iconColorActive=%23ffffff&bgColorHighlight=%23e99009&bgTextureHighlight=flat&bgImgOpacityHighlight=75&borderColorHighlight=%23e99009&fcHighlight=%23ffffff&iconColorHighlight=%23ffffff&bgColorError=%23b81900&bgTextureError=flat&bgImgOpacityError=18&borderColorError=%23cd0a0a&fcError=%23ffffff&iconColorError=%23ffd27a&bgColorOverlay=%23ffffff&bgTextureOverlay=flat&bgImgOpacityOverlay=40&opacityOverlay=60&bgColorShadow=%23000000&bgTextureShadow=flat&bgImgOpacityShadow=10&opacityShadow=0&thicknessShadow=0&offsetTopShadow=0&offsetLeftShadow=0&cornerRadiusShadow=0 * Copyright 2013 jQuery Foundation and other contributors Licensed MIT */.ui-helper-hidden{display:none}.ui-helper-hidden-accessible{border:0;clip:rect(0 0 0 0);height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;width:1px}.ui-helper-reset{margin:0;padding:0;border:0;outline:0;line-height:1.3;text-decoration:none;font-size:100%;list-style:none}.ui-helper-clearfix:before,.ui-helper-clearfix:after{content:"";display:table;border-collapse:collapse}.ui-helper-clearfix:after{clear:both}.ui-helper-clearfix{min-height:0}.ui-helper-zfix{width:100%;height:100%;top:0;left:0;position:absolute;opacity:0;filter:Alpha(Opacity=0)}.ui-front{z-index:100}.ui-state-disabled{cursor:default!important}.ui-icon{display:block;text-indent:-99999px;overflow:hidden;background-repeat:no-repeat}.ui-widget-overlay{position:fixed;top:0;left:0;width:100%;height:100%}.ui-resizable{position:relative}.ui-resizable-handle{position:absolute;font-size:.1px;display:block}.ui-resizable-disabled .ui-resizable-handle,.ui-resizable-autohide .ui-resizable-handle{display:none}.ui-resizable-n{cursor:n-resize;height:7px;width:100%;top:-5px;left:0}.ui-resizable-s{cursor:s-resize;height:7px;width:100%;bottom:-5px;left:0}.ui-resizable-e{cursor:e-resize;width:7px;right:-5px;top:0;height:100%}.ui-resizable-w{cursor:w-resize;width:7px;left:-5px;top:0;height:100%}.ui-resizable-se{cursor:se-resize;width:12px;height:12px;right:1px;bottom:1px}.ui-resizable-sw{cursor:sw-resize;width:9px;height:9px;left:-5px;bottom:-5px}.ui-resizable-nw{cursor:nw-resize;width:9px;height:9px;left:-5px;top:-5px}.ui-resizable-ne{cursor:ne-resize;width:9px;height:9px;right:-5px;top:-5px}.ui-selectable-helper{position:absolute;z-index:100;border:1px dotted #000}.ui-accordion .ui-accordion-header{display:block;cursor:pointer;position:relative;margin-top:2px;padding:.5em .5em .5em .7em;min-height:0}.ui-accordion .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-noicons{padding-left:.7em}.ui-accordion .ui-accordion-icons .ui-accordion-icons{padding-left:2.2em}.ui-accordion .ui-accordion-header .ui-accordion-header-icon{position:absolute;left:.5em;top:50%;margin-top:-8px}.ui-accordion .ui-accordion-content{padding:1em 2.2em;border-top:0;overflow:auto}.ui-autocomplete{position:absolute;top:0;left:0;cursor:default}.ui-button{display:inline-block;position:relative;padding:0;line-height:normal;margin-right:.1em;cursor:pointer;vertical-align:middle;text-align:center;overflow:visible}.ui-button,.ui-button:link,.ui-button:visited,.ui-button:hover,.ui-button:active{text-decoration:none}.ui-button-icon-only{width:2.2em}button.ui-button-icon-only{width:2.4em}.ui-button-icons-only{width:3.4em}button.ui-button-icons-only{width:3.7em}.ui-button .ui-button-text{display:block;line-height:normal}.ui-button-text-only .ui-button-text{padding:.4em 1em}.ui-button-icon-only .ui-button-text,.ui-button-icons-only .ui-button-text{padding:.4em;text-indent:-9999999px}.ui-button-text-icon-primary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 1em .4em 2.1em}.ui-button-text-icon-secondary .ui-button-text,.ui-button-text-icons .ui-button-text{padding:.4em 2.1em .4em 1em}.ui-button-text-icons .ui-button-text{padding-left:2.1em;padding-right:2.1em}input.ui-button{padding:.4em 1em}.ui-button-icon-only .ui-icon,.ui-button-text-icon-primary .ui-icon,.ui-button-text-icon-secondary .ui-icon,.ui-button-text-icons .ui-icon,.ui-button-icons-only .ui-icon{position:absolute;top:50%;margin-top:-8px}.ui-button-icon-only .ui-icon{left:50%;margin-left:-8px}.ui-button-text-icon-primary .ui-button-icon-primary,.ui-button-text-icons .ui-button-icon-primary,.ui-button-icons-only .ui-button-icon-primary{left:.5em}.ui-button-text-icon-secondary .ui-button-icon-secondary,.ui-button-text-icons .ui-button-icon-secondary,.ui-button-icons-only .ui-button-icon-secondary{right:.5em}.ui-buttonset{margin-right:7px}.ui-buttonset .ui-button{margin-left:0;margin-right:-.3em}input.ui-button::-moz-focus-inner,button.ui-button::-moz-focus-inner{border:0;padding:0}.ui-datepicker{width:17em;padding:.2em .2em 0;display:none}.ui-datepicker .ui-datepicker-header{position:relative;padding:.2em 0}.ui-datepicker .ui-datepicker-prev,.ui-datepicker .ui-datepicker-next{position:absolute;top:2px;width:1.8em;height:1.8em}.ui-datepicker .ui-datepicker-prev-hover,.ui-datepicker .ui-datepicker-next-hover{top:1px}.ui-datepicker .ui-datepicker-prev{left:2px}.ui-datepicker .ui-datepicker-next{right:2px}.ui-datepicker .ui-datepicker-prev-hover{left:1px}.ui-datepicker .ui-datepicker-next-hover{right:1px}.ui-datepicker .ui-datepicker-prev span,.ui-datepicker .ui-datepicker-next span{display:block;position:absolute;left:50%;margin-left:-8px;top:50%;margin-top:-8px}.ui-datepicker .ui-datepicker-title{margin:0 2.3em;line-height:1.8em;text-align:center}.ui-datepicker .ui-datepicker-title select{font-size:1em;margin:1px 0}.ui-datepicker select.ui-datepicker-month-year{width:100%}.ui-datepicker select.ui-datepicker-month,.ui-datepicker select.ui-datepicker-year{width:49%}.ui-datepicker table{width:100%;font-size:.9em;border-collapse:collapse;margin:0 0 .4em}.ui-datepicker th{padding:.7em .3em;text-align:center;font-weight:700;border:0}.ui-datepicker td{border:0;padding:1px}.ui-datepicker td span,.ui-datepicker td a{display:block;padding:.2em;text-align:right;text-decoration:none}.ui-datepicker .ui-datepicker-buttonpane{background-image:none;margin:.7em 0 0;padding:0 .2em;border-left:0;border-right:0;border-bottom:0}.ui-datepicker .ui-datepicker-buttonpane button{float:right;margin:.5em .2em .4em;cursor:pointer;padding:.2em .6em .3em;width:auto;overflow:visible}.ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current{float:left}.ui-datepicker.ui-datepicker-multi{width:auto}.ui-datepicker-multi .ui-datepicker-group{float:left}.ui-datepicker-multi .ui-datepicker-group table{width:95%;margin:0 auto .4em}.ui-datepicker-multi-2 .ui-datepicker-group{width:50%}.ui-datepicker-multi-3 .ui-datepicker-group{width:33.3%}.ui-datepicker-multi-4 .ui-datepicker-group{width:25%}.ui-datepicker-multi .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-multi .ui-datepicker-group-middle .ui-datepicker-header{border-left-width:0}.ui-datepicker-multi .ui-datepicker-buttonpane{clear:left}.ui-datepicker-row-break{clear:both;width:100%;font-size:0}.ui-datepicker-rtl{direction:rtl}.ui-datepicker-rtl .ui-datepicker-prev{right:2px;left:auto}.ui-datepicker-rtl .ui-datepicker-next{left:2px;right:auto}.ui-datepicker-rtl .ui-datepicker-prev:hover{right:1px;left:auto}.ui-datepicker-rtl .ui-datepicker-next:hover{left:1px;right:auto}.ui-datepicker-rtl .ui-datepicker-buttonpane{clear:right}.ui-datepicker-rtl .ui-datepicker-buttonpane button{float:left}.ui-datepicker-rtl .ui-datepicker-buttonpane button.ui-datepicker-current,.ui-datepicker-rtl .ui-datepicker-group{float:right}.ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header,.ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header{border-right-width:0;border-left-width:1px}.ui-dialog{position:absolute;top:0;left:0;padding:.2em;outline:0}.ui-dialog .ui-dialog-titlebar{padding:.4em 1em;position:relative}.ui-dialog .ui-dialog-title{float:left;margin:.1em 0;white-space:nowrap;width:90%;overflow:hidden;text-overflow:ellipsis}.ui-dialog .ui-dialog-titlebar-close{position:absolute;right:.3em;top:50%;width:21px;margin:-10px 0 0 0;padding:1px;height:20px}.ui-dialog .ui-dialog-content{position:relative;border:0;padding:.5em 1em;background:0;overflow:auto}.ui-dialog .ui-dialog-buttonpane{text-align:left;border-width:1px 0 0;background-image:none;margin-top:.5em;padding:.3em 1em .5em .4em}.ui-dialog .ui-dialog-buttonpane .ui-dialog-buttonset{float:right}.ui-dialog .ui-dialog-buttonpane button{margin:.5em .4em .5em 0;cursor:pointer}.ui-dialog .ui-resizable-se{width:12px;height:12px;right:-5px;bottom:-5px;background-position:16px 16px}.ui-draggable .ui-dialog-titlebar{cursor:move}.ui-menu{list-style:none;padding:2px;margin:0;display:block;outline:0}.ui-menu .ui-menu{margin-top:-3px;position:absolute}.ui-menu .ui-menu-item{margin:0;padding:0;width:100%;list-style-image:url(data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///yH5BAEAAAAALAAAAAABAAEAAAIBRAA7)}.ui-menu .ui-menu-divider{margin:5px -2px 5px -2px;height:0;font-size:0;line-height:0;border-width:1px 0 0}.ui-menu .ui-menu-item a{text-decoration:none;display:block;padding:2px .4em;line-height:1.5;min-height:0;font-weight:400}.ui-menu .ui-menu-item a.ui-state-focus,.ui-menu .ui-menu-item a.ui-state-active{font-weight:400;margin:-1px}.ui-menu .ui-state-disabled{font-weight:400;margin:.4em 0 .2em;line-height:1.5}.ui-menu .ui-state-disabled a{cursor:default}.ui-menu-icons{position:relative}.ui-menu-icons .ui-menu-item a{position:relative;padding-left:2em}.ui-menu .ui-icon{position:absolute;top:.2em;left:.2em}.ui-menu .ui-menu-icon{position:static;float:right}.ui-progressbar{height:2em;text-align:left;overflow:hidden}.ui-progressbar .ui-progressbar-value{margin:-1px;height:100%}.ui-progressbar .ui-progressbar-overlay{background:url('../../typo3conf/ext/site_assets/res/less/vendor/images/animated-overlay.gif');height:100%;filter:alpha(opacity=25);opacity:.25}.ui-progressbar-indeterminate .ui-progressbar-value{background-image:none}.ui-slider{position:relative;text-align:left}.ui-slider .ui-slider-handle{position:absolute;z-index:2;width:1.2em;height:1.2em;cursor:default}.ui-slider .ui-slider-range{position:absolute;z-index:1;font-size:.7em;display:block;border:0;background-position:0 0}.ui-slider.ui-state-disabled .ui-slider-handle,.ui-slider.ui-state-disabled .ui-slider-range{filter:inherit}.ui-slider-horizontal{height:.8em}.ui-slider-horizontal .ui-slider-handle{top:-.3em;margin-left:-.6em}.ui-slider-horizontal .ui-slider-range{top:0;height:100%}.ui-slider-horizontal .ui-slider-range-min{left:0}.ui-slider-horizontal .ui-slider-range-max{right:0}.ui-slider-vertical{width:.8em;height:100px}.ui-slider-vertical .ui-slider-handle{left:-.3em;margin-left:0;margin-bottom:-.6em}.ui-slider-vertical .ui-slider-range{left:0;width:100%}.ui-slider-vertical .ui-slider-range-min{bottom:0}.ui-slider-vertical .ui-slider-range-max{top:0}.ui-spinner{position:relative;display:inline-block;overflow:hidden;padding:0;vertical-align:middle}.ui-spinner-input{border:0;background:0;color:inherit;padding:0;margin:.2em 0;vertical-align:middle;margin-left:.4em;margin-right:22px}.ui-spinner-button{width:16px;height:50%;font-size:.5em;padding:0;margin:0;text-align:center;position:absolute;cursor:default;display:block;overflow:hidden;right:0}.ui-spinner a.ui-spinner-button{border-top:0;border-bottom:0;border-right:0}.ui-spinner .ui-icon{position:absolute;margin-top:-8px;top:50%;left:0}.ui-spinner-up{top:0}.ui-spinner-down{bottom:0}.ui-spinner .ui-icon-triangle-1-s{background-position:-65px -16px}.ui-tabs{position:relative;padding:.2em}.ui-tabs .ui-tabs-nav{margin:0;padding:.2em .2em 0}.ui-tabs .ui-tabs-nav li{list-style:none;float:left;position:relative;top:0;margin:1px .2em 0 0;border-bottom-width:0;padding:0;white-space:nowrap}.ui-tabs .ui-tabs-nav li a{float:left;padding:.5em 1em;text-decoration:none}.ui-tabs .ui-tabs-nav li.ui-tabs-active{margin-bottom:-1px;padding-bottom:1px}.ui-tabs .ui-tabs-nav li.ui-tabs-active a,.ui-tabs .ui-tabs-nav li.ui-state-disabled a,.ui-tabs .ui-tabs-nav li.ui-tabs-loading a{cursor:text}.ui-tabs .ui-tabs-nav li a,.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-active a{cursor:pointer}.ui-tabs .ui-tabs-panel{display:block;border-width:0;padding:1em 1.4em;background:0}.ui-tooltip{padding:8px;position:absolute;z-index:9999;max-width:300px;-webkit-box-shadow:0 0 5px #aaa;box-shadow:0 0 5px #aaa}body .ui-tooltip{border-width:2px}.ui-widget{font-family:Arial,sans-serif;font-size:1em}.ui-widget .ui-widget{font-size:1em}.ui-widget input,.ui-widget select,.ui-widget textarea,.ui-widget button{font-family:Arial,sans-serif;font-size:1em}.ui-widget-content{border:1px solid #eaeadd;background:#fff url('../../typo3conf/ext/site_assets/res/less/vendor/images/ui-bg_highlight-soft_100_ffffff_1x100.png') 50% top repeat-x;color:#333}.ui-widget-content a{color:#333}.ui-widget-header{border:1px solid #eaeadd;background:#fff url('../../typo3conf/ext/site_assets/res/less/vendor/images/ui-bg_flat_35_ffffff_40x100.png') 50% 50% repeat-x;color:#333;font-weight:bold}.ui-widget-header a{color:#333}.ui-state-default,.ui-widget-content .ui-state-default,.ui-widget-header .ui-state-default{border:1px solid #eaeadd;background:#eaeadd url('../../typo3conf/ext/site_assets/res/less/vendor/images/ui-bg_flat_100_eaeadd_40x100.png') 50% 50% repeat-x;font-weight:normal;color:#93934a}.ui-state-default a,.ui-state-default a:link,.ui-state-default a:visited{color:#93934a;text-decoration:none}.ui-state-hover,.ui-widget-content .ui-state-hover,.ui-widget-header .ui-state-hover,.ui-state-focus,.ui-widget-content .ui-state-focus,.ui-widget-header .ui-state-focus{border:1px solid #e99009;background:#e99009 url('../../typo3conf/ext/site_assets/res/less/vendor/images/ui-bg_flat_100_e99009_40x100.png') 50% 50% repeat-x;font-weight:normal;color:#fff}.ui-state-hover a,.ui-state-hover a:hover,.ui-state-hover a:link,.ui-state-hover a:visited{color:#fff;text-decoration:none}.ui-state-active,.ui-widget-content .ui-state-active,.ui-widget-header .ui-state-active{border:1px solid #e99009;background:#e99009 url('../../typo3conf/ext/site_assets/res/less/vendor/images/ui-bg_flat_65_e99009_40x100.png') 50% 50% repeat-x;font-weight:normal;color:#fff}.ui-state-active a,.ui-state-active a:link,.ui-state-active a:visited{color:#fff;text-decoration:none}.ui-state-highlight,.ui-widget-content .ui-state-highlight,.ui-widget-header .ui-state-highlight{border:1px solid #e99009;background:#e99009 url('../../typo3conf/ext/site_assets/res/less/vendor/images/ui-bg_flat_75_e99009_40x100.png') 50% 50% repeat-x;color:#fff}.ui-state-highlight a,.ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a{color:#fff}.ui-state-error,.ui-widget-content .ui-state-error,.ui-widget-header .ui-state-error{border:1px solid #cd0a0a;background:#b81900 url('../../typo3conf/ext/site_assets/res/less/vendor/images/ui-bg_flat_18_b81900_40x100.png') 50% 50% repeat-x;color:#fff}.ui-state-error a,.ui-widget-content .ui-state-error a,.ui-widget-header .ui-state-error a{color:#fff}.ui-state-error-text,.ui-widget-content .ui-state-error-text,.ui-widget-header .ui-state-error-text{color:#fff}.ui-priority-primary,.ui-widget-content .ui-priority-primary,.ui-widget-header .ui-priority-primary{font-weight:bold}.ui-priority-secondary,.ui-widget-content .ui-priority-secondary,.ui-widget-header .ui-priority-secondary{opacity:.7;filter:Alpha(Opacity=70);font-weight:normal}.ui-state-disabled,.ui-widget-content .ui-state-disabled,.ui-widget-header .ui-state-disabled{opacity:.35;filter:Alpha(Opacity=35);background-image:none}.ui-state-disabled .ui-icon{filter:Alpha(Opacity=35)}.ui-icon{width:16px;height:16px}.ui-icon,.ui-widget-content .ui-icon{background-image:url('../../typo3conf/ext/site_assets/res/less/vendor/images/ui-icons_333333_256x240.png')}.ui-widget-header .ui-icon{background-image:url('../../typo3conf/ext/site_assets/res/less/vendor/images/ui-icons_333333_256x240.png')}.ui-state-default .ui-icon{background-image:url('../../typo3conf/ext/site_assets/res/less/vendor/images/ui-icons_93934a_256x240.png')}.ui-state-hover .ui-icon,.ui-state-focus .ui-icon{background-image:url('../../typo3conf/ext/site_assets/res/less/vendor/images/ui-icons_ffffff_256x240.png')}.ui-state-active .ui-icon{background-image:url('../../typo3conf/ext/site_assets/res/less/vendor/images/ui-icons_ffffff_256x240.png')}.ui-state-highlight .ui-icon{background-image:url('../../typo3conf/ext/site_assets/res/less/vendor/images/ui-icons_ffffff_256x240.png')}.ui-state-error .ui-icon,.ui-state-error-text .ui-icon{background-image:url('../../typo3conf/ext/site_assets/res/less/vendor/images/ui-icons_ffd27a_256x240.png')}.ui-icon-blank{background-position:16px 16px}.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-on{background-position:-96px -144px}.ui-icon-radio-off{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{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}.ui-corner-all,.ui-corner-top,.ui-corner-left,.ui-corner-tl{border-top-left-radius:0}.ui-corner-all,.ui-corner-top,.ui-corner-right,.ui-corner-tr{border-top-right-radius:0}.ui-corner-all,.ui-corner-bottom,.ui-corner-left,.ui-corner-bl{border-bottom-left-radius:0}.ui-corner-all,.ui-corner-bottom,.ui-corner-right,.ui-corner-br{border-bottom-right-radius:0}.ui-widget-overlay{background:#fff url('../../typo3conf/ext/site_assets/res/less/vendor/images/ui-bg_flat_40_ffffff_40x100.png') 50% 50% repeat-x;opacity:.6;filter:Alpha(Opacity=60)}.ui-widget-shadow{margin:0 0 0 0;padding:0;background:#000 url('../../typo3conf/ext/site_assets/res/less/vendor/images/ui-bg_flat_10_000000_40x100.png') 50% 50% repeat-x;opacity:0;filter:Alpha(Opacity=0);border-radius:0} /* * jQuery FlexSlider v2.0 * http://www.woothemes.com/flexslider/ * * Copyright 2012 WooThemes * Free to use under the GPLv2 license. * http://www.gnu.org/licenses/gpl-2.0.html * * Contributing author: Tyler Smith (@mbmufffin) */ /* Browser Resets */ .flex-container a:active, .flexslider a:active, .flex-container a:focus, .flexslider a:focus {outline: none;} .slides, .flex-control-nav, .flex-direction-nav {margin: 0; padding: 0; list-style: none;} /* FlexSlider Necessary Styles *********************************/ .flexslider {margin: 0; padding: 0;} .flexslider .slides > li {display: none; -webkit-backface-visibility: hidden;} /* Hide the slides before the JS is loaded. Avoids image jumping */ .flexslider .slides img {width: 100%; display: block;} .flex-pauseplay span {text-transform: capitalize;} /* Clearfix for the .slides element */ .slides:after {content: "."; display: block; clear: both; visibility: hidden; line-height: 0; height: 0;} html[xmlns] .slides {display: block;} * html .slides {height: 1%;} /* No JavaScript Fallback */ /* If you are not using another script, such as Modernizr, make sure you * include js that eliminates this class on page load */ .no-js .slides > li:first-child {display: block;} /* FlexSlider Default Theme *********************************/ .flexslider {margin: 0 0 60px; background: #fff; border: 4px solid #fff; position: relative; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; box-shadow: 0 1px 4px rgba(0,0,0,.2); -webkit-box-shadow: 0 1px 4px rgba(0,0,0,.2); -moz-box-shadow: 0 1px 4px rgba(0,0,0,.2); -o-box-shadow: 0 1px 4px rgba(0,0,0,.2); zoom: 1;} .flex-viewport {max-height: 2000px; -webkit-transition: all 1s ease; -moz-transition: all 1s ease; transition: all 1s ease;} .loading .flex-viewport {max-height: 300px;} .flexslider .slides {zoom: 1;} .carousel li {margin-right: 5px} /* Direction Nav */ .flex-direction-nav {*height: 0;} .flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url('../../typo3conf/ext/site_assets/res/less/vendor/images/bg_direction_nav.png') no-repeat 0 0; position: absolute; top: 50%; z-index: 10; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;} .flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; } .flex-direction-nav .flex-prev {left: -36px;} .flexslider:hover .flex-next {opacity: 0.8; right: 5px;} .flexslider:hover .flex-prev {opacity: 0.8; left: 5px;} .flexslider:hover .flex-next:hover, .flexslider:hover .flex-prev:hover {opacity: 1;} .flex-direction-nav .flex-disabled {opacity: .3!important; filter:alpha(opacity=30); cursor: default;} /* Control Nav */ .flex-control-nav {width: 100%; position: absolute; bottom: -40px; text-align: center;} .flex-control-nav li {margin: 0 6px; display: inline-block; zoom: 1; *display: inline;} .flex-control-paging li a {width: 11px; height: 11px; display: block; background: #666; background: rgba(0,0,0,0.5); cursor: pointer; text-indent: -9999px; -webkit-border-radius: 20px; -moz-border-radius: 20px; -o-border-radius: 20px; border-radius: 20px; box-shadow: inset 0 0 3px rgba(0,0,0,0.3);} .flex-control-paging li a:hover { background: #333; background: rgba(0,0,0,0.7); } .flex-control-paging li a.flex-active { background: #000; background: rgba(0,0,0,0.9); cursor: default; } .flex-control-thumbs {margin: 5px 0 0; position: static; overflow: hidden;} .flex-control-thumbs li {width: 25%; float: left; margin: 0;} .flex-control-thumbs img {width: 100%; display: block; opacity: .7; cursor: pointer;} .flex-control-thumbs img:hover {opacity: 1;} .flex-control-thumbs .flex-active {opacity: 1; cursor: default;} @media screen and (max-width: 860px) { .flex-direction-nav .flex-prev {opacity: 1; left: 0;} .flex-direction-nav .flex-next {opacity: 1; right: 0;} } body { width: 100%; *zoom: 1; } body:before, body:after { content: ""; display: table; } body:after { clear: both; } body:before, body:after { content: ""; display: table; } body:after { clear: both; } body .ui-accordion .ui-accordion-header, #content .ui-accordion .ui-accordion-header { margin: 0; } body .ui-accordion .ui-accordion-content, #content .ui-accordion .ui-accordion-content { padding: 1em; } .ui-dialog { -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5); } .ui-dialog .ui-widget-header { background: #eaeadd; } .ui-effects-transfer { border: 2px dotted gray; } .ui-tabs .ui-widget-header { background: none; border: none; font-weight: bold; padding: 0 1em; } .ui-tabs .ui-widget-header .ui-state-default { background: none; cursor: pointer; margin-right: 0.5em; } .ui-tabs .ui-widget-header .ui-state-default.ui-state-hover { background: #eaeadd; border: 1px solid #eaeadd; border-bottom: 1px solid #fff; } .ui-tabs .ui-widget-header .ui-state-default.ui-state-hover a { color: #93934a; } .ui-tabs .ui-widget-header .ui-state-active { border: 1px solid #eaeadd; border-bottom: 1px solid #fff; } .ui-tabs .ui-widget-header .ui-state-active a { color: #333333; outline: none; } .ui-tabs .ui-widget-header .ui-state-active.ui-state-hover { background: none; } .ui-tabs .ui-widget-header .ui-state-active.ui-state-hover a { color: #333333; } .ui-tabs .ui-widget-content { background: none; border: none; } .ui-tabs .ui-tabs-panel { border: none; border-top: 1px solid #eaeadd; display: block; padding: 1em 0; } .ui-progressbar .ui-widget-header.ui-progressbar-value { background: none; background-color: #ccc; height: 1em; margin: 2px 1px 1px 1px; } .ui-widget-content a { color: #93934a; } /* Defaults */ body { background: #fff; color: #333333; font: 12px Arial, sans-serif; line-height: 1.3em; } @media only screen { } @media only screen and (min-width: 1em) and (max-width: 48em) { body { background: none; } } h1, h2, h3, h4, h5 { color: #93934a; clear: both; font-family: 'signika', sans-serif; font-weight: bold; line-height: 1em; margin: 0; margin-bottom: 0.6em; padding: 0; padding-bottom: 0.1em; text-transform: uppercase; } h1 a, h2 a, h3 a, h4 a, h5 a { color: #93934a; text-decoration: none; } h1 { font-size: 1.666em; } h2 { font-size: 1.334em; } h3 { font-size: 1.166em; } h4 { font-size: 1.1em; } h5 { font-size: 1em; } a { color: #93934a; text-decoration: none; } a:hover { text-decoration: underline; } img, embed, object, video { height: auto; max-width: 100%; width: auto; } p { margin: 0; } .clear, .clearfix { *zoom: 1; } .clear:before, .clearfix:before, .clear:after, .clearfix:after { content: ""; display: table; } .clear:after, .clearfix:after { clear: both; } #container { -moz-box-shadow: 0px -5px 10px 2px #aaaaaa; -webkit-box-shadow: 0px -5px 10px 2px #aaaaaa; box-shadow: 0px -5px 10px 2px #aaaaaa; background: #fff; margin: 40px auto 20px auto; padding: 10px 0; position: relative; width: 1000px; } @media only screen { } @media only screen and (min-width: 1em) and (max-width: 48em) { #container { -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; margin: 0 auto; width: auto; } } @media only screen { } @media only screen and (min-width: 64.1em) { .scrollup { background: url('../..//typo3conf/ext/site_assets/res/img/icon_top.png') no-repeat; bottom: 50px; display: none; height: 40px; opacity: 0.3; outline: 0; position: fixed; right: 50px; text-indent: -9999em; width: 40px; } } /* Header */ #header { *zoom: 1; font: 12px 'signika', sans-serif; position: relative; text-align: center; } #header:before, #header:after { content: ""; display: table; } #header:after { clear: both; } #header:before, #header:after { content: ""; display: table; } #header:after { clear: both; } #header #logo { float: left; height: 106px; margin: 0 0 20px 10px; width: 206px; } #header #topMenu { float: left; margin-right: 10px; } @media only screen { } @media only screen and (min-width: 1em) and (max-width: 47.9em) { #header #topMenu { display: none; } } #header #topMenu ul { list-style: none; margin: 0 0 0 25px; padding: 0; } #header #topMenu ul ul { display: none; } #header #topMenu ul li { border-right: 1px solid #93934a; color: #93934a; display: block; font: 1.334em 'signika', sans-serif; float: left; padding: 0 10px; position: relative; text-transform: uppercase; } #header #topMenu ul li.first { padding-left: 0; } #header #topMenu ul li.last { border: none; } #header #topMenu ul li a { color: #93934a; } #header #topMenu ul li a.button { color: #ffffff; } #header #topMenu ul li.sub:hover { background: #93934a; color: #ffffff; } #header #topMenu ul li.sub:hover > ul { border-top: 3px solid #93934a; display: block; } #header #topMenu ul li ul { margin: 0; padding: 10px 0 10px 0; } #header #topMenu ul li ul.secondLevel { background: #ffffff; -webkit-box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.4); box-shadow: 0px 5px 5px 0px rgba(0, 0, 0, 0.4); left: -1px; min-width: 90px; position: absolute; top: 18px; width: auto; z-index: 50; } #header #topMenu ul li ul.secondLevel li { background: none; border: none; display: block; float: none; font: normal 0.832em Arial, sans-serif; height: auto; padding: 2px 10px; text-align: left; text-transform: none; width: auto; white-space: nowrap; } #header #topMenu ul li ul.secondLevel li:hover { background: none; } #header #topMenu ul li ul.secondLevel li a { color: #333333; display: block; } #header #topMenu ul li ul.secondLevel li a:hover { color: #93934a; } #header #banner { clear: right; float: right; color: #93934a; height: 60px; margin: 0 10px 15px 0; width: 468px; } @media only screen { } @media only screen and (min-width: 1em) and (max-width: 43.375em) { #header #banner { display: none; } } #header #banner img, #header #banner embed, #header #banner object, #header #banner video { height: 60px; max-width: inherit; width: 468px; } #header .mobileMenuHeader { padding: 10px 0; text-align: left; } @media only screen { } @media only screen and (max-width: 48em) { } @media only screen and (min-width: 48.1em) { #header .mobileMenuHeader { display: none; } } #header .mobileMenuHeader .mobileMenuTrigger span { background: url('../..//typo3conf/ext/site_assets/res/img/sprite_pager.png') -56px 0 no-repeat; display: inline-block; height: 11px; margin-left: 10px; width: 14px; } #header .mobileMenuHeader .mobileMenuTrigger.open span { background: url('../..//typo3conf/ext/site_assets/res/img/sprite_pager.png') -70px 0 no-repeat; } #header .mobileMenuHeader .mobileMenuTrigger:hover { text-decoration: none; } #header .mobileMenuHeader .mobileSearchTrigger { float: right; } #header .mobileMenuHeader .mobileSearchTrigger span { background: url('../..//typo3conf/ext/site_assets/res/img/search_bg.png') no-repeat; display: inline-block; height: 24px; margin-right: 10px; vertical-align: middle; width: 24px; } #header .mobileMenuHeader .mobileSearchTrigger.open span { background: url('../..//typo3conf/ext/site_assets/res/img/sprite_pager.png') -84px 5px no-repeat; } @media only screen { } @media only screen and (max-width: 48em) { #header .mobileHeaderSearch { border-top: 1px solid #93934a; border-bottom: 1px solid #93934a; display: none; padding: 10px 10px 0 10px; height: 40px; } } @media only screen and (min-width: 48.1em) { #header .mobileHeaderSearch { float: right; margin: 15px 10px 0 0; } } #header .mobileMenuWrap { *zoom: 1; } #header .mobileMenuWrap:before, #header .mobileMenuWrap:after { content: ""; display: table; } #header .mobileMenuWrap:after { clear: both; } #header .mobileMenuWrap:before, #header .mobileMenuWrap:after { content: ""; display: table; } #header .mobileMenuWrap:after { clear: both; } @media only screen { } @media only screen and (max-width: 48em) { #header .mobileMenuWrap { border-top: 1px solid #93934a; border-bottom: 1px solid #93934a; display: none; padding: 0 10px; } } #header #mainMenu1 { background: #eaeadd; clear: both; font-family: 'signika', sans-serif; font-size: 1.334em; font-weight: bold; text-transform: uppercase; } #header #mainMenu1 ul.firstLevel { list-style: none; margin: 0; margin-top: 10px; padding: 0; } @media only screen { } @media only screen and (max-width: 48em) { #header #mainMenu1 ul.firstLevel { display: none; } } #header #mainMenu1 ul.firstLevel li { float: left; padding: 10px 10px 21px 10px; } #header #mainMenu1 ul.firstLevel li a { color: #333333; text-decoration: none; } #header #mainMenu1 ul.firstLevel li a:hover { color: #e99009; } #header #mainMenu1 ul.firstLevel li.active { background: #e99009; } #header #mainMenu1 ul.firstLevel li.active a { color: #ffffff; } #header #mainMenu1 ul.firstLevel li.active a:hover { text-decoration: none; } @media only screen { } @media only screen and (max-width: 48em) { #header #mainMenu1 ul.firstLevel li { display: block; float: none; padding: 5px 0; text-align: left; } #header #mainMenu1 ul.firstLevel li.active { background: none; } #header #mainMenu1 ul.firstLevel li.active a, #header #mainMenu1 ul.firstLevel li a:hover { color: #e99009; } } @media only screen { } @media only screen and (max-width: 48em) { #header #mainMenu1 ul.firstLevel li .secondLevel { padding: 0 0 0 15px; } #header #mainMenu1 ul.firstLevel li .secondLevel li { font-size: 0.8em; padding: 0 0 5px 0; } #header #mainMenu1 ul.firstLevel li .secondLevel li a { color: #333333; } #header #mainMenu1 ul.firstLevel li .secondLevel li.active a, #header #mainMenu1 ul.firstLevel li .secondLevel li a:hover { color: #e99009; text-decoration: none; } } @media only screen and (min-width: 48.1em) { #header #mainMenu1 ul.firstLevel li .secondLevel { display: none; } } #header #mainMenu2 { background: #e99009; float: left; font: 1.166em 'signika', sans-serif; color: #ffffff; width: 100%; } #header #mainMenu2 ul { list-style: none; margin: 0; padding: 0; } #header #mainMenu2 ul li { float: left; } #header #mainMenu2 ul li a { color: #ffffff; display: block; padding: 5px 10px; } #header #mainMenu2 ul li a:hover { background: #fc9903; color: #ffffff; text-decoration: none; } @media only screen { } @media only screen and (max-width: 48em) { #header #mainMenu2 { display: none; } } /* Main, Content, Sidebars */ #main { margin: 20px 10px; } #content { *zoom: 1; } #content:before, #content:after { content: ""; display: table; } #content:after { clear: both; } #content:before, #content:after { content: ""; display: table; } #content:after { clear: both; } #content #rootline { font: 1.166em 'signika', sans-serif; margin: 0 0 30px 0; } #content #rootline .active a { color: #333333; text-decoration: none; cursor: default; } #content #rootline .active a:hover { text-decoration: none; } #content #rootline div { display: inline; } #content .pageInfo { *zoom: 1; } #content .pageInfo:before, #content .pageInfo:after { content: ""; display: table; } #content .pageInfo:after { clear: both; } #content .pageInfo:before, #content .pageInfo:after { content: ""; display: table; } #content .pageInfo:after { clear: both; } #content .pageInfo .date, #content .pageInfo .author, #content .pageInfo .tags { float: left; margin-right: 1em; } #content .pageInfo .date { background: #e99009; color: #fff; padding: 0.5em 1em; } #content .pageInfo .author { padding: 0.5em 0; float: left; } #content .pageInfo .tags p { display: block; float: left; margin-top: 0.5em; margin-right: 0.5em; padding: 0.5em 1em; } #content .pageInfo .tags a { background: #eaeadd; color: #333333; display: block; float: left; margin-top: 0.5em; margin-right: 0.5em; padding: 0.5em 1em; } #content .pageInfo .category { float: left; padding: 0.5em 0; font-weight: bold; } #content .pageInfo .category a { font-weight: normal; color: #93934a; margin-right: 0.5em; } #content .pageInfo .pxTeaserText { clear: both; font-weight: bold; } #content .shareLinks { *zoom: 1; border: 1px solid #eaeadd; color: #93934a; margin: 1em 0; padding: 0.5em; } #content .shareLinks:before, #content .shareLinks:after { content: ""; display: table; } #content .shareLinks:after { clear: both; } #content .shareLinks:before, #content .shareLinks:after { content: ""; display: table; } #content .shareLinks:after { clear: both; } #content .shareLinks .addthis_toolbox { float: left; vertical-align: middle; } #content .shareLinks .addthis_toolbox a { background: url('../..//typo3conf/ext/site_assets/res/img/sprite_share.png') 0 0 no-repeat; height: 24px; margin-right: 0.5em; padding: 0 !important; width: 24px; } #content .shareLinks .addthis_toolbox a.addthis_button_facebook { background-position: 0 0; } #content .shareLinks .addthis_toolbox a.addthis_button_twitter { background-position: -24px 0; } #content .shareLinks .addthis_toolbox a.addthis_button_google { background-position: -48px 0; } #content .shareLinks .addthis_toolbox a.addthis_button_google_plusone { background: none; width: auto; } #content .shareLinks .discussion { border-left: 1px solid #eaeadd; float: left; margin-left: 4px; } #content .shareLinks .export { float: right; } #content .shareLinks .discussion a, #content .shareLinks .export a { margin-left: 0.5em; } #content .shareLinks .discussion a span, #content .shareLinks .export a span { background: url('../..//typo3conf/ext/site_assets/res/img/sprite_share.png') 0 0 no-repeat; display: inline-block; height: 24px; margin-right: 4px; vertical-align: middle; width: 24px; } #content .shareLinks .discussion a.comments span, #content .shareLinks .export a.comments span { background-position: -72px 0; } #content .shareLinks .discussion a.pdf span, #content .shareLinks .export a.pdf span { background-position: -96px 0; } #content .shareLinks .discussion a.print span, #content .shareLinks .export a.print span { background-position: -120px 0; } #content .news-single-backlink { border-top: 8px solid #eaeadd; font: 1.334em 'signika', sans-serif; margin: 10px 0; padding: 10px 0; } #content .news-single-backlink a { background: url('../..//typo3conf/ext/site_assets/res/img/news-single-backlink.gif') left 2px no-repeat; color: #e99009; float: left; padding: 0 0 0 22px; text-transform: uppercase; } #content h1 { color: #333333; } #content h3, #content h4 { clear: none; color: #333333; margin: 1em 0; text-transform: none; } @media only screen { } @media only screen and (min-width: 1em) and (max-width: 30em) { #container.twoColumns #content { display: inline; float: left; margin: 0 2% 0 0; width: 100%; *width: 99.95%; *margin: 0 1.95% 0 0; margin-right: 0; } } @media only screen and (min-width: 30.1em) and (max-width: 48em) { #container.twoColumns #content { position: relative; display: inline; float: left; margin: 0 2% 0 0; width: 66%; *width: 65.95%; *margin: 0 1.95% 0 0; } #container.twoColumns #content:after { background-color: #eaeadd; content: ''; display: block; height: 100%; position: absolute; top: 0; width: 1px; right: -7px; } } @media only screen and (min-width: 48.1em) { #container.twoColumns #content { position: relative; display: inline; float: left; margin: 0 2% 0 0; width: 66%; *width: 65.95%; *margin: 0 1.95% 0 0; } #container.twoColumns #content:after { background-color: #eaeadd; content: ''; display: block; height: 100%; position: absolute; top: 0; width: 1px; right: -10px; } } #container.twoColumns #content .element2cols5050 .col1 { display: inline; float: left; margin: 0 3.0303030303030303% 0 0; width: 48.484848484848484%; *width: 48.43484848484849%; *margin: 0 2.9803030303030305% 0 0; } #container.twoColumns #content .element2cols5050 .col2 { display: inline; float: left; margin: 0 3.0303030303030303% 0 0; width: 48.484848484848484%; *width: 48.43484848484849%; *margin: 0 2.9803030303030305% 0 0; margin-right: 0; } @media only screen { } @media only screen and (min-width: 1em) and (max-width: 20em) { #container.twoColumns #content .element2cols5050 .col1, #container.twoColumns #content .element2cols5050 .col2 { display: inline; float: left; margin: 0 2% 0 0; width: 100%; *width: 99.95%; *margin: 0 1.95% 0 0; margin-right: 0; } } #container.twoColumns #content .element3cols .col1 { display: inline; float: left; margin: 0 2% 0 0; width: 32%; *width: 31.95%; *margin: 0 1.95% 0 0; } #container.twoColumns #content .element3cols .col2 { display: inline; float: left; margin: 0 2% 0 0; width: 32%; *width: 31.95%; *margin: 0 1.95% 0 0; } #container.twoColumns #content .element3cols .col3 { display: inline; float: left; margin: 0 2% 0 0; width: 32%; *width: 31.95%; *margin: 0 1.95% 0 0; margin-right: 0; } @media only screen { } @media only screen and (min-width: 1em) and (max-width: 20em) { #container.twoColumns #content .element3cols .col1, #container.twoColumns #content .element3cols .col2, #container.twoColumns #content .element3cols .col3 { display: inline; float: left; margin: 0 2% 0 0; width: 100%; *width: 99.95%; *margin: 0 1.95% 0 0; margin-right: 0; } } @media only screen { } @media only screen and (min-width: 1em) and (max-width: 30em) { #container.twoColumns #sidebar { display: inline; float: left; margin: 0 2% 0 0; width: 100%; *width: 99.95%; *margin: 0 1.95% 0 0; margin-right: 0; } } @media only screen and (min-width: 30.1em) { #container.twoColumns #sidebar { display: inline; float: left; margin: 0 2% 0 0; width: 32%; *width: 31.95%; *margin: 0 1.95% 0 0; margin-right: 0; } } #sidebar h1, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5 { color: #93934a; font-weight: normal; } #sidebar .csc-default { margin-bottom: 20px; } #sidebar .csc-default:nth-child(n+3) { border-top: 1px solid #eaeadd; padding-top: 20px; } #sidebar .csc-default:nth-last-child(1) { margin-bottom: 0; } #sidebar #socialBox { color: #93934a; font: 1.166em 'signika', sans-serif; text-align: right; } @media only screen { } @media only screen and (min-width: 1em) and (max-width: 48em) { #sidebar #socialBox { text-align: left; } } @media only screen { } @media only screen and (min-width: 1em) and (max-width: 48em) { #sidebar #socialBox span { display: block; margin-bottom: 1em; } } #sidebar #socialBox a { background: url('../..//typo3conf/ext/site_assets/res/img/sprite_social.png') 0 0 no-repeat; display: inline-block; height: 32px; margin-left: 10px; vertical-align: middle; width: 32px; } @media only screen { } @media only screen and (min-width: 1em) and (max-width: 48em) { #sidebar #socialBox a { margin: 0 10px 0 0; } } #sidebar #socialBox a.button_facebook { background-position: 0 0; } #sidebar #socialBox a.button_facebook:hover { background-position: 0 -32px; } #sidebar #socialBox a.button_google { background-position: 0 -64px; } #sidebar #socialBox a.button_google:hover { background-position: 0 -96px; } #sidebar #socialBox a.button_twitter { background-position: 0 -128px; } #sidebar #socialBox a.button_twitter:hover { background-position: 0 -160px; } #sidebar #socialBox a.button_pinterest { background-position: 0 -192px; } #sidebar #socialBox a.button_pinterest:hover { background-position: 0 -224px; } #sidebar #socialBox a.button_youtube { background-position: 0 -256px; } #sidebar #socialBox a.button_youtube:hover { background-position: 0 -288px; } #sidebar #sponsorList { text-align: center; } #sidebar #sponsorList a { display: block; margin-bottom: 10px; width: 100%; } @media only screen { } @media only screen and (min-width: 1em) and (max-width: 30em) { #sidebar #toolsMenu { display: none; } } #sidebar #toolsMenu ul { *zoom: 1; list-style: none; margin: 0; padding: 0; } #sidebar #toolsMenu ul:before, #sidebar #toolsMenu ul:after { content: ""; display: table; } #sidebar #toolsMenu ul:after { clear: both; } #sidebar #toolsMenu ul:before, #sidebar #toolsMenu ul:after { content: ""; display: table; } #sidebar #toolsMenu ul:after { clear: both; } #sidebar #toolsMenu ul li { background: #eaeadd url('../..//typo3conf/ext/site_assets/res/img/toolsMenu_icons.png') 0 0 no-repeat; } #sidebar #toolsMenu ul li a { color: #333333; display: block; font: 1.334em 'signika', sans-serif; margin-bottom: 7px; padding: 11px 0 11px 48px; } #sidebar #toolsMenu ul .item_514 { background-position: 8px 0; } #sidebar #toolsMenu ul .item_1752 { background-position: 8px -40px; } #sidebar #toolsMenu ul .item_38 { background-position: 8px -80px; } #sidebar #toolsMenu ul .item_35, #sidebar #toolsMenu ul .sub { background-position: 8px -120px; } #sidebar #toolsMenu ul .item_36 { background-position: 8px -160px; } /* Footer */ #footer { *zoom: 1; background: #eaeadd; border-top: 8px solid #eaeadd; color: #333333; margin: 0; padding: 10px; } #footer:before, #footer:after { content: ""; display: table; } #footer:after { clear: both; } #footer:before, #footer:after { content: ""; display: table; } #footer:after { clear: both; } #footer a { color: #333333; } #footer a:hover { color: #93934a; } @media only screen { } @media only screen and (min-width: 1em) and (max-width: 30em) { #footer #footerContent { display: inline; float: left; margin: 0 2% 0 0; width: 100%; *width: 99.95%; *margin: 0 1.95% 0 0; margin-right: 0; } } @media only screen and (min-width: 30.1em) { #footer #footerContent { display: inline; float: left; margin: 0 2% 0 0; width: 66%; *width: 65.95%; *margin: 0 1.95% 0 0; } } #footer #footerContent h1, #footer #footerContent h2, #footer #footerContent h3, #footer #footerContent h4, #footer #footerContent h5 { color: #333333; font-size: 1.166em; } #footer #footerContent .element2cols5050 { margin-right: 0; } #footer #footerContent .element2cols5050 .col1, #footer #footerContent .element2cols5050 .col2 { display: inline; float: left; margin: 0 2% 0 0; width: 49%; *width: 48.95%; *margin: 0 1.95% 0 0; } #footer #footerContent .element2cols5050 .col2 { margin-right: 0; } @media only screen { } @media only screen and (min-width: 1em) and (max-width: 20em) { #footer #footerContent .element2cols5050 .col1, #footer #footerContent .element2cols5050 .col2 { display: inline; float: left; margin: 0 2% 0 0; width: 100%; *width: 99.95%; *margin: 0 1.95% 0 0; margin-right: 0; } } #footer #footerContent ul li { background: none; padding: 2px 0; } @media only screen { } @media only screen and (min-width: 1em) and (max-width: 30em) { #footer #footerMenu { display: inline; float: left; margin: 0 2% 0 0; width: 100%; *width: 99.95%; *margin: 0 1.95% 0 0; margin-right: 0; } } @media only screen and (min-width: 30.1em) { #footer #footerMenu { display: inline; float: left; margin: 0 2% 0 0; width: 32%; *width: 31.95%; *margin: 0 1.95% 0 0; margin-right: 0; } } #footer #footerMenu ul { list-style: none; margin: 15px 0 0 0; padding: 0; } #footer #footerMenu ul li { display: inline; margin-right: 1em; } /** * Additionals */ /* Ads*/ /* Forms */ fieldset { border: 1px solid #eaeadd; } label { display: inline-block; margin-right: 10px; vertical-align: top; width: 200px; } .checkbox label { width: auto; } label.checkbox { display: inline; } div.checkbox { margin-bottom: 0; padding-bottom: 10px; } div.checkbox label { display: block; padding-left: 20px; width: auto; } div.checkbox input { float: left; } input[type=checkbox], input[type=radio] { top: 2px; position: relative; } input[type=radio] { top: 3px; } input[type=text], input[type=password], input.text, select, textarea { border: 1px solid #eaeadd; color: #989898; outline: none; padding: 3px; width: 200px; } input[type=text].placeholder, input[type=password].placeholder, input.text.placeholder, select.placeholder, textarea.placeholder { color: #989898; } input[type=text]:hover, input[type=password]:hover, input.text:hover, select:hover, textarea:hover { -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.1) inset; } input[type=text]:focus, input[type=password]:focus, input.text:focus, select:focus, textarea:focus { -moz-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset; -webkit-box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset; box-shadow: 0 1px 2px rgba(0, 0, 0, 0.3) inset; border: 1px solid #93934a; } select { width: 208px; } .csc-mailform input[type=text], .csc-mailform textarea { padding: 3px; width: 400px; } button, a.button, input.button, input.submit, .csc-mailform-submit, .tx-felogin-pi1 input[type=submit] { background: #e99009; border: 1px solid #e99009; color: #fff; cursor: pointer; display: inline-block; font-family: 'signika', sans-serif; font-weight: bold; padding: 5px 10px; position: relative; text-decoration: none; text-transform: uppercase; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; white-space: nowrap; } button:hover, a.button:hover, input.button:hover, input.submit:hover, .csc-mailform-submit:hover, .tx-felogin-pi1 input[type=submit]:hover { background: #f69d16; border: 1px solid #e99009; } button:active, a.button:active, input.button:active, input.submit:active, .csc-mailform-submit:active, .tx-felogin-pi1 input[type=submit]:active { -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); } div.csc-mailform-field, div.input, .tx-felogin-pi1 div { margin-bottom: 1em; } .csc-mailform-radio { margin-top: 5px; } input.csc-mailform-radio { vertical-align: bottom; } .csc-mailform-radio label { display: inline; vertical-align: bottom; } .csc-mailform-checkContainer { clear: both; padding: 10px 0; } .csc-mailform-checkContainer label { float: left; padding-bottom: 0; padding-top: 0; width: 500px; } input.csc-mailform-check { float: left; } div.typo3-message { border: 1px solid; font-size: 1.1em; list-style: none; margin-bottom: 1em; padding: 4px 4px 4px 30px; } div.typo3-message.message-ok { background: #cdeaca url('../..//typo3conf/ext/site_assets/res/img/icon_ok.png') 8px 5px no-repeat; border-color: #58b548; color: #3b7826; } div.typo3-message.message-ok a { color: #3b7826; } div.typo3-message.message-notice { background: #f6f7fa url('../..//typo3conf/ext/site_assets/res/img/icon_notice.png') 8px 5px no-repeat; border-color: #c2cbcf; color: #777; } div.typo3-message.message-notice a { color: #777; } div.typo3-message.message-information { background: #ddeef9 url('../..//typo3conf/ext/site_assets/res/img/icon_info.png') 8px 5px no-repeat; border-color: #8aafc4; color: #64859c; } div.typo3-message.message-information a { color: #64859c; } div.typo3-message.message-warning { background: #fbffb3 url('../..//typo3conf/ext/site_assets/res/img/icon_warning.png') 8px 5px no-repeat; border-color: #c4b70d; color: #9e7d4a; } div.typo3-message.message-warning a { color: #9e7d4a; } div.typo3-message.message-error { background: #f6d3cf url('../..//typo3conf/ext/site_assets/res/img/icon_error.png') 8px 5px no-repeat; border-color: #d66c68; color: #aa0225; } div.typo3-message.message-error a { color: #aa0225; } input.tx_sdbrochure-submit { background: #e99009; border: 1px solid #e99009; color: #fff; cursor: pointer; display: inline-block; font-family: 'signika', sans-serif; font-weight: bold; padding: 5px 10px; position: relative; text-decoration: none; text-transform: uppercase; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; white-space: nowrap; } input.tx_sdbrochure-submit:hover { background: #f69d16; border: 1px solid #e99009; } input.tx_sdbrochure-submit:active { -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); } .tx-sdbrochure-pi1 input[type=submit] { margin: 10px 0; background: #e99009; border: 1px solid #e99009; color: #fff; cursor: pointer; display: inline-block; font-family: 'signika', sans-serif; font-weight: bold; padding: 5px 10px; position: relative; text-decoration: none; text-transform: uppercase; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; white-space: nowrap; } .tx-sdbrochure-pi1 input[type=submit]:hover { background: #f69d16; border: 1px solid #e99009; } .tx-sdbrochure-pi1 input[type=submit]:active { -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); } .fl-suche { border: 1px solid #eaeadd; font-size: 1.1em; margin-bottom: 1em; padding: 4px; } .fl-suche tr { display: block; margin: 5px 0 10px 0; } .fl-suche .label { float: left; margin-right: 10px; vertical-align: top; width: 200px; } .fl-suche input[type=text] { width: 146px; } .fl-suche input[type=submit] { margin: 10px 0; background: #e99009; border: 1px solid #e99009; color: #fff; cursor: pointer; display: inline-block; font-family: 'signika', sans-serif; font-weight: bold; padding: 5px 10px; position: relative; text-decoration: none; text-transform: uppercase; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; white-space: nowrap; } .fl-suche input[type=submit]:hover { background: #f69d16; border: 1px solid #e99009; } .fl-suche input[type=submit]:active { -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); } /* TYPO3 Overwrites */ .csc-default, .csc-frame { *zoom: 1; margin-bottom: 1em; } .csc-default:before, .csc-frame:before, .csc-default:after, .csc-frame:after { content: ""; display: table; } .csc-default:after, .csc-frame:after { clear: both; } .csc-default:before, .csc-frame:before, .csc-default:after, .csc-frame:after { content: ""; display: table; } .csc-default:after, .csc-frame:after { clear: both; } .csc-default ol, .csc-frame ol, .csc-default ul, .csc-frame ul { margin-left: 20px; } .csc-default ul, .csc-frame ul { *zoom: 1; list-style: none; margin-left: 0; padding: 0; } .csc-default ul:before, .csc-frame ul:before, .csc-default ul:after, .csc-frame ul:after { content: ""; display: table; } .csc-default ul:after, .csc-frame ul:after { clear: both; } .csc-default ul:before, .csc-frame ul:before, .csc-default ul:after, .csc-frame ul:after { content: ""; display: table; } .csc-default ul:after, .csc-frame ul:after { clear: both; } .csc-default ul li, .csc-frame ul li { background: url('../..//typo3conf/ext/site_assets/res/img/li_bg.png') 0 6px no-repeat; padding-left: 10px; } .csc-default .align-left, .csc-frame .align-left { text-align: left; } .csc-default .align-center, .csc-frame .align-center { text-align: center; } .csc-default .align-right, .csc-frame .align-right { text-align: right; } .csc-default .align-justify, .csc-frame .align-justify { text-align: justify; } .csc-default .csc-textpic-imagewrap, .csc-frame .csc-textpic-imagewrap { background: #eaeadd; margin-bottom: 10px; padding: 8px 8px 0 8px; } #sidebar .csc-default .csc-textpic-imagewrap, #sidebar .csc-frame .csc-textpic-imagewrap { padding: 3px 3px 3px 3px; } #sidebar .csc-default .csc-textpic-imagewrap .csc-textpic-image, #sidebar .csc-frame .csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 0; } .csc-default .csc-textpic-caption, .csc-frame .csc-textpic-caption { font-size: 0.84em; padding: 5px 0 0 0; } .csc-default .divider, .csc-frame .divider { border-top: 1px solid #eaeadd; margin-top: 20px; padding-top: 20px; } .csc-default .divider hr, .csc-frame .divider hr { display: none; } /* .csc-frame-rulerAfter { border-bottom: 1px solid @fieldBorderColor; padding-bottom: 20px; margin-bottom: 20px; } .csc-frame-rulerBefore { border-top: 1px solid @fieldBorderColor; margin-top: 20px; padding-top: 20px; } *//* Tools */ .flashContent { background: #6e6e6e; color: #fff !important; margin: 10px auto; padding: 10px 11px 10px 13px; width: 448px; } .flashContent img { padding: 6px; } .flashContent.roundCorner { -webkit-border-radius: 10px; -moz-border-radius: 10px; border-radius: 10px; } .tx-sdsolar-pi1 { margin: 0 auto; margin-top: 20px; width: 536px; } .tx-sdsolar-pi1 h2 { background: url(/typo3conf/ext/sd_solar/res/header_bg.png) repeat-x; font-size: 1.166em; height: 28px; margin: 0; padding: 12px 12px 0 12px; text-transform: uppercase; } .tx-sdsolar-pi1 img { max-width: none; } .tx-sdsolar-pi1 #nav { padding: 10px 12px; } .tx-sdsolar-pi1 #nav .nav_img { float: left; height: 57px; width: 242px; } .tx-sdsolar-pi1 #nav .nav_img.nav_start { background: url(/typo3conf/ext/sd_solar/res/nav.png) no-repeat 0 0; } .tx-sdsolar-pi1 .nav_map { background: url(/typo3conf/ext/sd_solar/res/nav.png) no-repeat 0 -60px; } .tx-sdsolar-pi1 .nav_detail { background: url(/typo3conf/ext/sd_solar/res/nav.png) no-repeat 0 -120px; } .tx-sdsolar-pi1 .nav_finish { background: url(/typo3conf/ext/sd_solar/res/nav.png) no-repeat 0 -180px; } .tx-sdsolar-pi1 .nav_text { float: left; padding-left: 12px; width: 222px; } .tx-sdsolar-pi1 fieldset { border: 0; margin: 0; } .tx-sdsolar-pi1 #start { clear: both; padding: 0 0 0 12px; } .tx-sdsolar-pi1 #start div.input { clear: both; padding: 20px 0 0 125px; } .tx-sdsolar-pi1 #start div.input label { display: block; float: left; margin-right: 20px; width: 220px; } .tx-sdsolar-pi1 #start div.input input { float: left; margin-top: 5px; } .tx-sdsolar-pi1 #map { clear: both; padding: 10px 12px 0 12px; } .tx-sdsolar-pi1 #map div.input { margin: 5px 0; } .tx-sdsolar-pi1 #map div.input label { float: left; font-weight: bold; padding-top: 3px; width: 125px; } .tx-sdsolar-pi1 #map div.submit { text-align: right; } .tx-sdsolar-pi1 #map_city { border: 1px solid #a3a367; padding: 2px 0; width: 230px; } .tx-sdsolar-pi1 #map_city_select { border: 1px solid #a3a367; width: 232px; } .tx-sdsolar-pi1 #map_city_select option { padding: 2px 0; } .tx-sdsolar-pi1 .map_wrapper { background: #fff; border: 1px solid #a3a367; margin: 5px 0 10px 135px; padding: 10px 0 10px 41px; width: 189px; } .tx-sdsolar-pi1 .map_wrapper #map_img { background-image: url(/typo3conf/ext/sd_solar/res/de.gif); background-repeat: no-repeat; background-position: 0 0; height: 200px; position: relative; width: 148px; } .tx-sdsolar-pi1 .map_wrapper #map_img #map_pointer { background: url(/typo3conf/ext/sd_solar/res/map_pointer.png); height: 5px; position: absolute; width: 5px; } .tx-sdsolar-pi1 #detail { clear: both; padding: 10px 0 0 12px; } .tx-sdsolar-pi1 #detail div.input { float: left; margin: 0 10px 10px 0; } .tx-sdsolar-pi1 #detail div.input label { display: block; font-weight: bold; padding: 4px 0; } .tx-sdsolar-pi1 #detail div.submit { float: none; text-align: right; padding-right: 2px; } .tx-sdsolar-pi1 #detail_gradient_container { border: 1px solid #a3a367; height: 190px; position: relative; width: 230px; } .tx-sdsolar-pi1 #detail_gradient { height: 65px; left: 0; position: absolute; top: 0; width: 365px; } .tx-sdsolar-pi1 #detail_gradient .detail_gradient_overlay { background: url(/typo3conf/ext/sd_solar/res/gradient_bg.png) no-repeat 0 0; height: 190px; left: 0; position: absolute; top: 0; width: 230px; } .tx-sdsolar-pi1 #detail_gradient .detail_gradient_thumb { background: url(/typo3conf/ext/sd_solar/res/gradient_slider.png) no-repeat 50% 50%; cursor: pointer; height: 50px; left: 137px; position: absolute; top: -3px; width: 50px; z-index: 1200; } .tx-sdsolar-pi1 #detail_angle_container { background: url(/typo3conf/ext/sd_solar/res/angle_container.png) no-repeat; border: 1px solid #a3a367; height: 150px; padding: 20px 40px; position: relative; width: 150px; } .tx-sdsolar-pi1 #detail_angle { height: 150px; position: relative; width: 150px; } .tx-sdsolar-pi1 #detail_angle .detail_angle_overlay { background: url(/typo3conf/ext/sd_solar/res/angle_bg.png) no-repeat 0 0; height: 150px; left: 0; position: absolute; top: 0; width: 150px; } .tx-sdsolar-pi1 #detail_angle .detail_angle_thumb { background: url(/typo3conf/ext/sd_solar/res/angle_slider.png) no-repeat 50% 50%; cursor: pointer; height: 50px; left: 137px; position: absolute; top: -3px; width: 50px; z-index: 200; } .tx-sdsolar-pi1 #detail_surface { background: #ffffff url(/typo3conf/ext/sd_solar/res/surface_container.png); border: 1px solid #a3a367; height: 190px; position: relative; width: 230px; } .tx-sdsolar-pi1 #detail_surface_field { left: 55px; position: relative; top: 145px; } .tx-sdsolar-pi1 #detail_surface_field input { border: 1px solid #a3a367; height: 14px; margin-right: 8px; width: 90px; } .tx-sdsolar-pi1 #detail_shadow { background: #ffffff url(/typo3conf/ext/sd_solar/res/shadow_container.png); background-position-y: 0; background-position-x: 0; border: 1px solid #a3a367; height: 190px; position: relative; width: 230px; } .tx-sdsolar-pi1 #detail_shadow_slider { background-position: 0 0; cursor: pointer; height: 80px; left: 200px; position: relative; top: 50px; width: 20px; -moz-user-select: none; -khtml-user-select: none; } .tx-sdsolar-pi1 #finish { clear: both; padding: 10px 0 0 12px; } .tx-sdsolar-pi1 #finish div.input { margin: 5px 0; } .tx-sdsolar-pi1 #finish div.input label { float: left; width: 125px; } .tx-sdsolar-pi1 #finish div.input input.text { border: 1px solid #a3a367; padding: 2px; width: 200px; } .tx-sdsolar-pi1 #finish div.input input.zip { margin-right: 5px; width: 50px; } .tx-sdsolar-pi1 #finish div.input input.city { width: 139px; } .tx-sdsolar-pi1 #finish div.input input.error { border: 1px solid red; } .tx-sdsolar-pi1 #finish div.input textarea { border: 1px solid #a3a367; height: 5em; width: 204px; } .tx-sdsolar-pi1 #finish div.input #error label { float: none; display: block; width: auto; } .tx-sdsolar-pi1 #finish div.submit { padding-right: 12px; } .tx-sdsolar-pi1 #finish_send { clear: both; padding: 10px 0 0 12px; } .tx-sdsolar-pi1 img { border: 0; } .tx-sdsolar-pi1 .sd_rain_button { clear: both; display: block; padding: 10px 0; text-align: left; } .tx-sdrain-pi1 { margin: 0 auto; margin-top: 20px; width: 536px; } .tx-sdrain-pi1 h2 { background: url(/typo3conf/ext/sd_rain/res/header_bg.png) repeat-x; font-size: 1.166em; height: 28px; margin: 0; padding: 12px 12px 0 12px; text-transform: uppercase; } .tx-sdrain-pi1 img { max-width: none; } .tx-sdrain-pi1 #nav { padding: 10px 12px; } .tx-sdrain-pi1 .nav_img { float: left; height: 57px; width: 121px; } .tx-sdrain-pi1 .nav_start { background: url(/typo3conf/ext/sd_rain/res/nav.png) no-repeat 0 0; } .tx-sdrain-pi1 .nav_detail { background: url(/typo3conf/ext/sd_rain/res/nav.png) no-repeat 0 -60px; } .tx-sdrain-pi1 .nav_finish { background: url(/typo3conf/ext/sd_rain/res/nav.png) no-repeat 0 -120px; } .tx-sdrain-pi1 .nav_text { float: left; padding-left: 12px; width: 222px; } .tx-sdrain-pi1 fieldset { border: 0; margin: 0; } .tx-sdrain-pi1 #start { clear: both; padding: 10px 12px 0 12px; } .tx-sdrain-pi1 #start div.input { margin: 5px 0; } .tx-sdrain-pi1 #start div.input label { float: left; font-weight: bold; padding-top: 3px; width: 125px; } .tx-sdrain-pi1 #start div.submit { text-align: right; } .tx-sdrain-pi1 #start_city { border: 1px solid #a3a367; padding: 2px 0; width: 230px; } .tx-sdrain-pi1 #start_city_select { border: 1px solid #a3a367; width: 232px; } .tx-sdrain-pi1 #start_city_select option { padding: 2px 0; } .tx-sdrain-pi1 .map_wrapper { background: #fff; border: 1px solid #a3a367; margin: 5px 0 10px 135px; padding: 10px 0 10px 41px; width: 189px; } .tx-sdrain-pi1 .map_wrapper #map_img { background-image: url(/typo3conf/ext/sd_rain/res/de.gif); background-position: 0 0; background-repeat: no-repeat; height: 200px; position: relative; width: 148px; } .tx-sdrain-pi1 .map_wrapper #map_img #map_pointer { background: url(/typo3conf/ext/sd_rain/res/map_pointer.png); height: 5px; position: absolute; width: 5px; } .tx-sdrain-pi1 #detail { clear: both; padding: 10px 0 0 12px; } .tx-sdrain-pi1 #detail div.input { float: left; margin: 0 10px 10px 0; } .tx-sdrain-pi1 #detail div.input label { display: block; font-weight: bold; padding: 4px 0; } .tx-sdrain-pi1 #detail div.submit { float: none; padding-right: 2px; text-align: right; } .tx-sdrain-pi1 #detail_gradiant_container { border: 1px solid #a3a367; height: 190px; position: relative; width: 230px; } .tx-sdrain-pi1 #detail_gradiant { height: 65px; left: 0; position: absolute; top: 0; width: 365px; } .tx-sdrain-pi1 #detail_gradiant .detail_gradiant_overlay { background: url(/typo3conf/ext/sd_rain/res/gradiant_bg.png) no-repeat 0 0; height: 190px; left: 0; position: absolute; top: 0; width: 230px; } .tx-sdrain-pi1 #detail_gradiant .detail_gradiant_thumb { background: url(/typo3conf/ext/sd_rain/res/gradiant_slider.png) no-repeat 50% 50%; cursor: pointer; height: 50px; left: 137px; position: absolute; top: -3px; width: 50px; z-index: 1200; } .tx-sdrain-pi1 #detail_angle_container { background: url(/typo3conf/ext/sd_rain/res/angle_container.png) no-repeat; border: 1px solid #a3a367; height: 150px; padding: 20px 40px; position: relative; width: 150px; } .tx-sdrain-pi1 #detail_angle { height: 150px; position: relative; width: 150px; } .tx-sdrain-pi1 #detail_angle .detail_angle_overlay { background: url(/typo3conf/ext/sd_rain/res/angle_bg.png) no-repeat 0 0; height: 150px; left: 0; position: absolute; top: 0; width: 150px; } .tx-sdrain-pi1 #detail_angle .detail_angle_thumb { background: url(/typo3conf/ext/sd_rain/res/angle_slider.png) no-repeat 50% 50%; cursor: pointer; height: 50px; left: 137px; position: absolute; top: -3px; width: 50px; z-index: 200; } .tx-sdrain-pi1 #detail_surface { background: #ffffff url(/typo3conf/ext/sd_rain/res/surface_container.png); border: 1px solid #a3a367; height: 190px; position: relative; width: 230px; } .tx-sdrain-pi1 #detail_surface_field { left: 55px; position: relative; top: 145px; } .tx-sdrain-pi1 #detail_surface_field input { border: 1px solid #a3a367; height: 14px; margin-right: 8px; width: 90px; } .tx-sdrain-pi1 #detail_shadow { background: #ffffff url(/typo3conf/ext/sd_rain/res/shadow_container.png); background-position-y: 0; background-position-x: 0; border: 1px solid #a3a367; height: 190px; position: relative; width: 230px; } .tx-sdrain-pi1 #detail_shadow_slider { background-position: 0 0; cursor: pointer; height: 80px; left: 200px; position: relative; top: 50px; width: 20px; -moz-user-select: none; -khtml-user-select: none; } .tx-sdrain-pi1 #finish { clear: both; padding: 10px 0 0 24px; width: 450px; } .tx-sdrain-pi1 #finish .text { float: left; width: 250px; } .tx-sdrain-pi1 #finish .legend { background: url(/typo3conf/ext/sd_rain/res/legend.png) no-repeat 0 1px; float: right; padding-left: 18px; padding-right: 5px; } .tx-sdrain-pi1 #chart { clear: both; margin: 15px 15px 5px 15px; padding-top: 15px; } .tx-sdrain-pi1 #chart .graphLabelchart { padding-top: 5px; } .tx-sdrain-pi1 label.error { display: none; } .tx-sdrain-pi1 img { border: 0; } .tx-sdsolar-pi1 .sd_rain_button { clear: both; display: block; padding: 10px 0; text-align: left; } /* pagebrowse */ .tx-pagebrowse-pi1 { clear: both; } #content .tx-pagebrowse-pi1 ol, #content .tx-pagebrowse-pi1 ul, #content .tx-pagebrowse-pi1 li { background: none; list-style: none; margin: 0 2px; padding: 0; vertical-align: middle; } #content .tx-pagebrowse-pi1 .tx-pagebrowse { border-top: 1px solid #eaeadd; margin-top: 1em; padding-top: 1em; text-align: center; } #content .tx-pagebrowse-pi1 .tx-pagebrowse ol, #content .tx-pagebrowse-pi1 .tx-pagebrowse li { display: inline-block; } #content .tx-pagebrowse-pi1 .tx-pagebrowse .tx-pagebrowse-pages { background: none; display: inline; } #content .tx-pagebrowse-pi1 .tx-pagebrowse .tx-pagebrowse-pages ol { margin-top: -4px; } #content .tx-pagebrowse-pi1 .tx-pagebrowse .tx-pagebrowse-first, #content .tx-pagebrowse-pi1 .tx-pagebrowse .tx-pagebrowse-prev, #content .tx-pagebrowse-pi1 .tx-pagebrowse .tx-pagebrowse-next, #content .tx-pagebrowse-pi1 .tx-pagebrowse .tx-pagebrowse-last { background: url('../..//typo3conf/ext/site_assets/res/img/sprite_pager.gif') 0 0 no-repeat; display: inline-block; height: 15px; vertical-align: text-top; width: 15px; } #content .tx-pagebrowse-pi1 .tx-pagebrowse .tx-pagebrowse-first a, #content .tx-pagebrowse-pi1 .tx-pagebrowse .tx-pagebrowse-prev a, #content .tx-pagebrowse-pi1 .tx-pagebrowse .tx-pagebrowse-next a, #content .tx-pagebrowse-pi1 .tx-pagebrowse .tx-pagebrowse-last a { display: block; height: 15px; width: 15px; } #content .tx-pagebrowse-pi1 .tx-pagebrowse .tx-pagebrowse-first { background-position: 0 -15px; } #content .tx-pagebrowse-pi1 .tx-pagebrowse .tx-pagebrowse-first.active { background-position: 0 0; } #content .tx-pagebrowse-pi1 .tx-pagebrowse .tx-pagebrowse-prev { background-position: -15px -15px; } #content .tx-pagebrowse-pi1 .tx-pagebrowse .tx-pagebrowse-prev.active { background-position: -15px 0; } #content .tx-pagebrowse-pi1 .tx-pagebrowse .tx-pagebrowse-next { background-position: -30px -15px; } #content .tx-pagebrowse-pi1 .tx-pagebrowse .tx-pagebrowse-next.active { background-position: -30px 0; } #content .tx-pagebrowse-pi1 .tx-pagebrowse .tx-pagebrowse-last { background-position: -45px -15px; } #content .tx-pagebrowse-pi1 .tx-pagebrowse .tx-pagebrowse-last.active { background-position: -45px 0; } /* press_search */ .tx-presssearch-pi1 fieldset { border: none; float: left; margin: 0 10px 0px 0px; padding: 0; } .tx-presssearch-pi1 fieldset.search-cat-wrap { width: 950px; } .tx-presssearch-pi1 fieldset.search-text-wrap { clear: left; } .tx-presssearch-pi1 fieldset h2 { margin: 0; padding: 0; } .tx-presssearch-pi1 fieldset input.text { height: 17px; padding-top: 3px; } .tx-presssearch-pi1 input { border: 1px solid #eaeadd; color: #989898; } .tx-presssearch-pi1 div.input { padding-bottom: 5px; } .tx-presssearch-pi1 div.input label { float: left; padding-right: 5px; width: auto; } .tx-presssearch-pi1 input.check { border: none; height: 17px; } .tx-presssearch-pi1 .specialToInput { float: left; padding-top: 5px; text-align: right; width: 45%; marign-right: 10%; } .tx-presssearch-pi1 .specialToInput label { width: 110px; } .tx-presssearch-pi1 .specialToInput input { float: left; width: 98%; padding: 1%; border: 2px solid #eaeadd; } .tx-presssearch-pi1 .right { padding-left: 10%; } .tx-presssearch-pi1 div.check-block { float: left; width: 50%; } .tx-presssearch-pi1 div.check { padding-bottom: 10px; } .tx-presssearch-pi1 div.check input { margin-left: 10px; } .tx-presssearch-pi1 div.check span { padding-left: 5px; } .tx-presssearch-pi1 div.check span img { padding-top: 0px; margin-top: 0px; } .tx-presssearch-pi1 .submit { float: left; padding-top: 3px; } .tx-presssearch-pi1 .submit input { border: none; } .tx-presssearch-pi1 .searchLink { font-size: 1.2em; font-weight: bold; padding: 0 0 10px 10px; } /* Press Search - Results *****************************/ .tx-presssearch-pi2 .spacerTop { border-left: none; border-right: none; clear: both; } .tx-presssearch-pi2 .spacerBottom { border-bottom: none; border-left: none; border-right: none; clear: both; } .tx-presssearch-pi2 .fullWidth { float: none; padding: 0 10px; width: auto; } .tx-presssearch-pi2 .press_search_resultDetails_notice a { color: #666600; text-decoration: underline; } .tx-presssearch-pi2 .news-single-item h1, .tx-presssearch-pi2 .news-single-item .news-single-subtitle { margin-bottom: 1em; } .tx-presssearch-pi2 .news-single-item #press_search_resultImage { background: #eaeadd; float: left; font-size: 0.84em; margin: 0 10px 10px 0; padding: 8px; width: 320px; } .tx-presssearch-pi2 .news-single-item b { font: bold 1.166em 'signika', sans-serif; } .tx-presssearch-pi2 .news-single-item .news-single-backlink { border-top: 8px solid #eaeadd; font: 1.334em 'signika', sans-serif; margin: 10px 0; padding: 10px 0; } .tx-presssearch-pi2 .news-single-item .news-single-backlink a { background: url('../..//typo3conf/ext/site_assets/res/img/news-single-backlink.gif') left 2px no-repeat; color: #e99009; float: left; padding: 0 0 0 22px; text-transform: uppercase; } .tx-presssearch-pi2 #press_search_resultDetails { border-bottom: 8px solid #eaeadd; float: left; margin: 0 0 2em 0; } .tx-presssearch-pi2 #press_search_resultDetails .tt_news_info { background: #eaeadd; float: left; margin: 15px 0 5px 0; padding: 10px 5px; } .tx-presssearch-pi2 #press_search_resultDetails .tt_news_info .tt_news_info_text_title { color: #93934a; font: 1.334em 'signika', sans-serif; margin: 0 0 15px 0; text-transform: uppercase; } .tx-presssearch-pi2 .singleDetail { margin: 0 0 10px 0; } .tx-presssearch-pi2 .singleDetail b { display: block; font: bold 1.166em 'signika', sans-serif; margin: 0 0 5px 0; } .press_search_result { background: url('../..//typo3conf/ext/site_assets/res/img/bg_content.gif') 350px repeat-y; margin: 0; padding: 0; width: 100%; } .press_search_result .viewSelection { text-align: right; } .press_search_result .viewSelection img { margin-left: 5px; vertical-align: middle; } .press_search_result .pager { position: relative; height: 40px; margin-bottom: 15px; } .press_search_result .selectCount { position: absolute; right: 3px; text-align: right; top: 10px; } .press_search_result .selectCount select { width: 40px; } .press_search_result .news-list-container { margin: 0; padding: 0; width: 100%; } .press_search_result .news-list-item, .press_search_result .news-single-item, .press_search_result .news-latest-item { padding: 0; width: 100%; } .press_search_result .news-list-item { *zoom: 1; clear: both; margin-bottom: 20px; } .press_search_result .news-list-item:before, .press_search_result .news-list-item:after { content: ""; display: table; } .press_search_result .news-list-item:after { clear: both; } .press_search_result .news-list-item:before, .press_search_result .news-list-item:after { content: ""; display: table; } .press_search_result .news-list-item:after { clear: both; } .press_search_result .news-list-item:nth-child(n+2) { border-top: 8px solid #eaeadd; padding-top: 30px; } .press_search_result .news-list-item:nth-last-child(1) { margin: 0; } .press_search_result .news-list-item a { color: #333333; } .press_search_result .news-list-item h3 { font-size: 1.334em; text-transform: uppercase !important; } .press_search_result .news-list-item .news-list-date { display: none; } .press_search_result .news-list-image { text-align: center; } #container.twoColumns #content .press_search_result .news-list-image { display: inline; float: left; margin: 0 3.0303030303030303% 0 0; width: 22.727272727272727%; *width: 22.677272727272726%; *margin: 0 2.9803030303030305% 0 0; } .press_search_result .news-list-image img { border: 3px solid #eaeadd; margin-bottom: 1em; } .press_search_result .activeLinkWrap { font-weight: bold; } #press_search_resultDetails { border-bottom: 1px solid #eaeadd; padding-bottom: 10px; margin-bottom: 10px; } #press_search_resultDetails .press_search_resultDetails { float: left; padding: 0 5px; } #press_search_resultDetails .press_search_resultDetails h1, #press_search_resultDetails .press_search_resultDetails .detailVideo, #press_search_resultDetails .press_search_resultDetails .detailImage { margin: 0 auto; width: 100%; } #press_search_resultDetails .press_search_resultDetails h1 { margin-top: 5px; } #press_search_resultDetails .press_search_resultDetails .detailVideoButtons, #press_search_resultDetails .press_search_resultDetails .detailImageButtons { float: right; padding: 5px 10px 0 0; } #press_search_resultDetails .press_search_resultDetails .detailVideoButtons img, #press_search_resultDetails .press_search_resultDetails .detailImageButtons img { padding-left: 6px; vertical-align: middle; } #press_search_resultDetails .press_search_resultDetails .downloadVideoButtons, #press_search_resultDetails .press_search_resultDetails .downloadImageButtons { margin: 0 auto; margin-top: 10px; width: 320px; } #press_search_resultDetails .press_search_resultDetails .downloadVideoButtons img, #press_search_resultDetails .press_search_resultDetails .downloadImageButtons img { padding-right: 5px; vertical-align: middle; } #press_search_resultDetails .press_search_resultDetails .detailImageHeader { margin-top: 10px; } #press_search_resultDetails .press_search_resultDetails .detailImageInfo { width: 100%; } #press_search_resultDetails .press_search_resultDetails .singleDetail { margin: 10px auto 5px auto; } .press_search_resultList { padding: 0px 10px 0 0px; } .press_search_mainMenu { height: 22px; margin: 3px 3px 30px 0; padding: 0; } .press_search_mainMenu #mainMenu ul li { float: left; list-style-type: none; list-style-image: none; margin: 0 4px 0 0; padding: 0; } .press_search_listItem { float: left; height: 200px; margin: 0 20px 0px 20px; width: 162px; } .press_search_listItem .listItemTitle { font-size: 1.1em; height: 50px; overflow: hidden; } .press_search_listItem .listVideo a, .press_search_listItem .listImage a { background: #EAEADD; border: 1px solid #EAEADD; display: block; height: 140px; margin: 0; padding: 0; text-align: center; width: 160px; } .press_search_listItem .listImage a:hover { border: 1px solid #eaeadd; margin: 0; padding: 0; } .press_search_listItem .active a { border: 1px solid #979751; margin: 0; padding: 0; } .press_search_listItem .listButtons { height: 35px; text-align: center; } .press_search_listItem .listButtons img { margin: 3px; vertical-align: middle; } .visible { display: block; } .moreOptions { display: block; margin: 10px; } a.moreOptions { color: #2197BF; font-size: 1.1em; text-transform: uppercase; } .search-options-wrap { background: url('../..//typo3conf/ext/site_assets/res/img/moreSearchOpt_bg.jpg') top left repeat-x; padding: 0px 0 0 0px; } .options-box { float: left; margin-right: 20px; text-align: left; border: 2px solid #EAEADD; width: 100%; } .options-label { background: url('../..//typo3conf/ext/site_assets/res/img/options-label_bg.png') top left no-repeat; color: #333333; height: 1.3em; padding: 10px 0 5px 0px; text-align: left; font-size: 1.2em; } .notop { padding-top: 0px; } #searchText { border: 2px solid #eaeadd; padding: 1%; width: 98%; } .fullWidth { width: 100%; } .submitDiv { width: 101%; float: left; padding-top: 10px; } .submitDiv input { background: #e99009; border: 1px solid #e99009; color: #fff; cursor: pointer; display: inline-block; font-family: 'signika', sans-serif; font-weight: bold; padding: 5px 10px; position: relative; text-decoration: none; text-transform: uppercase; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; white-space: nowrap; } .submitDiv input:hover { background: #f69d16; border: 1px solid #e99009; } .submitDiv input:active { -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); } .submitDiv .clearsubmit { background: none; border: none; color: #93934a; float: right; } .submitDiv .clearsubmit:hover { background: none; border: none; color: #93934a; text-decoration: underline; } .options-field { background: url('../..//typo3conf/ext/site_assets/res/img/options-field_bg.png') top left no-repeat; float: left; padding: 10px 0 0 10px; text-align: left; width: 100%; } .options-field div { padding: 0; vertical-align: top; float: left; width: 50%; color: #93934A; } .options-field input.tx_presssearch_pi1-checkbox { height: 13px; margin: 0 5px 10px 0; width: 13px; } .tx_sdimagesearch_pi1-header { margin-bottom: 10px; } .tx_sdimagesearch_pi1-image { background: #eaeadd; display: inline; float: left; height: 110px; margin: 0 2px 2px 0; text-align: center; width: 111px; } .left { float: left; width: 320px; } .right { float: left; width: 300px; } .both { float: left; } /* product_catalog */ .ui-dialog .tx_productcatalog .product.show .details { float: left; width: 800px; } .ui-dialog .tx_productcatalog .product.show .details .images { width: 400px; } .ui-dialog .tx_productcatalog .product.show .details .images .colors label { float: left; height: 50px; } .ui-dialog .tx_productcatalog .product.show .details .images .colors .color-collection { width: 400px; } .tx_productcatalog .product.show .images { *zoom: 1; float: left; margin: 0 1em 1em 0; } .tx_productcatalog .product.show .images:before, .tx_productcatalog .product.show .images:after { content: ""; display: table; } .tx_productcatalog .product.show .images:after { clear: both; } .tx_productcatalog .product.show .images:before, .tx_productcatalog .product.show .images:after { content: ""; display: table; } .tx_productcatalog .product.show .images:after { clear: both; } .tx_productcatalog .product.show .images img { border: 1px solid #eaeadd; } .tx_productcatalog .product.show .images .thumbnails { float: left; width: 80px; } .tx_productcatalog .product.show .images .thumbnails img { cursor: pointer; } .tx_productcatalog .product.show .images .stage { display: table-cell; float: left; margin-left: 5px; text-align: center; vertical-align: middle; } .tx_productcatalog .product.show .images .colors { clear: both; padding-top: 1em; } .tx_productcatalog .product.show .images .colors label { margin: 0; vertical-align: middle; width: 82px; } .tx_productcatalog .product.show .images .colors span { border: 1px solid #eaeadd; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; display: inline-block; height: 20px; margin-right: 5px; margin-top: 5px; width: 20px; vertical-align: middle; } .tx_productcatalog .product.show .info { margin-left: 410px; } .tx_productcatalog .product.show .info .product-link, .tx_productcatalog .product.show .info .roof-configurator-link { padding: 1em 0; } .tx_productcatalog .product.show .info .product-link a { background: none repeat scroll 0 0 #e99009; border: 1px solid #e99009; color: #fff; cursor: pointer; display: inline-block; font-family: 'signika', sans-serif; font-weight: bold; padding: 5px 10px; position: relative; text-decoration: none; text-transform: uppercase; transition: background 0.2s ease-in-out 0s; white-space: nowrap; } .tx_productcatalog .product.show .info .roof-configurator-link a { display: none; } .tx_productcatalog .product.show .info .roof-configurator-link a.carry-on { position: absolute; bottom: 10px; right: 10px; } .tx_productcatalog .product.list-related-products, .tx_productcatalog .product .list-related-products { min-height: 117px; } .tx_productcatalog .product.list-related-products .item, .tx_productcatalog .product .list-related-products .item { background-color: #EAEADD; float: left; width: 100%; margin-bottom: 10px; } .tx_productcatalog .product.list-related-products .item .image, .tx_productcatalog .product .list-related-products .item .image { float: left; padding: 15px; width: 65px; height: 65px; } .tx_productcatalog .product.list-related-products .item .image img, .tx_productcatalog .product .list-related-products .item .image img { border: 1px solid #eaeadd; } .tx_productcatalog .product.list-related-products .item .info, .tx_productcatalog .product .list-related-products .item .info { padding: 15px 15px 15px 0; font-size: 15px; font-family: 'signika', sans-serif; } .tx_productcatalog .product.list-related-products .item .info .title, .tx_productcatalog .product .list-related-products .item .info .title { font-weight: bold; text-transform: uppercase; margin-top: 5px; max-height: 1.5em; } .tx_productcatalog .product.list-related-products .item .info .description, .tx_productcatalog .product .list-related-products .item .info .description { text-transform: uppercase; margin-top: 2px; font-weight: 100; } .tx_productcatalog .product.list-related-products .item .info .more, .tx_productcatalog .product .list-related-products .item .info .more { text-transform: uppercase; margin-top: 10px; letter-spacing: 1px; } #sidebar .list-related-products .info { overflow: hidden; } #content .list-related-products { clear: both; } #content .list-related-products .item { padding-bottom: 1em; } .magnifier { border: 1px solid #eaeadd !important; -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5); } /* px_teaser */ .tx-pxteaser-pi1 .template1 .item { *zoom: 1; clear: both; margin-bottom: 20px; } .tx-pxteaser-pi1 .template1 .item:before, .tx-pxteaser-pi1 .template1 .item:after { content: ""; display: table; } .tx-pxteaser-pi1 .template1 .item:after { clear: both; } .tx-pxteaser-pi1 .template1 .item:before, .tx-pxteaser-pi1 .template1 .item:after { content: ""; display: table; } .tx-pxteaser-pi1 .template1 .item:after { clear: both; } .tx-pxteaser-pi1 .template1 .item:nth-child(n+2) { border-top: 8px solid #eaeadd; padding-top: 30px; } .tx-pxteaser-pi1 .template1 .item:nth-last-child(1) { margin: 0; } #container.twoColumns #content .tx-pxteaser-pi1 .template1 .item .image { display: inline; float: left; margin: 0 3.0303030303030303% 0 0; width: 22.727272727272727%; *width: 22.677272727272726%; *margin: 0 2.9803030303030305% 0 0; } .tx-pxteaser-pi1 .template1 .item .image img { border: 3px solid #eaeadd; margin-bottom: 1em; } .tx-pxteaser-pi1 .template1 .item h2 { margin-top: 0; max-height: 2em; overflow: hidden; } .tx-pxteaser-pi1 .template1 .item h2 a { color: #333333; } .tx-pxteaser-pi1 .template1 .item .text { *zoom: 1; } .tx-pxteaser-pi1 .template1 .item .text:before, .tx-pxteaser-pi1 .template1 .item .text:after { content: ""; display: table; } .tx-pxteaser-pi1 .template1 .item .text:after { clear: both; } .tx-pxteaser-pi1 .template1 .item .text:before, .tx-pxteaser-pi1 .template1 .item .text:after { content: ""; display: table; } .tx-pxteaser-pi1 .template1 .item .text:after { clear: both; } #container.twoColumns #content .tx-pxteaser-pi1 .template1 .item .text { display: inline; float: left; margin: 0 3.0303030303030303% 0 0; width: 74.24242424242425%; *width: 74.19242424242425%; *margin: 0 2.9803030303030305% 0 0; margin-right: 0; } .tx-pxteaser-pi1 .template1 .item .text p { max-height: 5.2em; overflow: hidden; } .tx-pxteaser-pi1 .template1 .item .text .date { margin-bottom: 15px; } .tx-pxteaser-pi1 .template1 .item .text .date .info_item { margin-right: 1em; } .tx-pxteaser-pi1 .template1 .item .text .date .info_item_short { margin-right: 0.3em; } .tx-pxteaser-pi1 .template1 .item .text .date .info_cat_text { font-weight: bold; } .tx-pxteaser-pi1 .template1 .item .text .date .info_cat_item { color: #93934A; } .tx-pxteaser-pi1 .template1 .item .text .discussionCount { color: #93934a; font-weight: bold; float: left; margin: 1em 0; } .tx-pxteaser-pi1 .template1 .item .text .more { float: right; margin: 1em 0; } .tx-pxteaser-pi1 .template1 .item ul.relatedPages { border-top: 1px solid #eaeadd; clear: both; list-style: none; margin: 1em 0 0 0; padding: 1em 0 0 0; } .tx-pxteaser-pi1 .template1 .item ul.relatedPages li { margin-bottom: 0.5em; padding-left: 1em; position: relative; } .tx-pxteaser-pi1 .template1 .item ul.relatedPages li span { left: 0; position: absolute; top: -2px; } .tx-pxteaser-pi1 .template1 .item.noimage .image { display: none !important; } #container.twoColumns #content .tx-pxteaser-pi1 .template1 .item.noimage .text { display: inline; float: left; margin: 0 3.0303030303030303% 0 0; width: 100%; *width: 99.95%; *margin: 0 2.9803030303030305% 0 0; margin-right: 0; } @media only screen { } @media only screen and (max-width: 20em) { .tx-pxteaser-pi1 .template1 .item .image { display: none !important; } #container.twoColumns #content .tx-pxteaser-pi1 .template1 .item .text { display: inline; float: left; margin: 0 3.0303030303030303% 0 0; width: 100%; *width: 99.95%; *margin: 0 2.9803030303030305% 0 0; margin-right: 0; } } .tx-pxteaser-pi1 .template2 .item-wrap-2cols { *zoom: 1; clear: both; margin-bottom: 20px; } .tx-pxteaser-pi1 .template2 .item-wrap-2cols:before, .tx-pxteaser-pi1 .template2 .item-wrap-2cols:after { content: ""; display: table; } .tx-pxteaser-pi1 .template2 .item-wrap-2cols:after { clear: both; } .tx-pxteaser-pi1 .template2 .item-wrap-2cols:before, .tx-pxteaser-pi1 .template2 .item-wrap-2cols:after { content: ""; display: table; } .tx-pxteaser-pi1 .template2 .item-wrap-2cols:after { clear: both; } .tx-pxteaser-pi1 .template2 .item-wrap-2cols:nth-child(n+2) { border-top: 8px solid #eaeadd; padding-top: 30px; } .tx-pxteaser-pi1 .template2 .item-wrap-2cols:nth-last-child(1) { margin: 0; } .tx-pxteaser-pi1 .template2 .item { *zoom: 1; } .tx-pxteaser-pi1 .template2 .item:before, .tx-pxteaser-pi1 .template2 .item:after { content: ""; display: table; } .tx-pxteaser-pi1 .template2 .item:after { clear: both; } .tx-pxteaser-pi1 .template2 .item:before, .tx-pxteaser-pi1 .template2 .item:after { content: ""; display: table; } .tx-pxteaser-pi1 .template2 .item:after { clear: both; } @media only screen { } @media only screen and (min-width: 1em) and (max-width: 20em) { .tx-pxteaser-pi1 .template2 .item:nth-child(n+2) { border-top: 8px solid #eaeadd; padding-top: 30px; } } .tx-pxteaser-pi1 .template2 .item h2 { margin-top: 0; max-height: 2em; overflow: hidden; } .tx-pxteaser-pi1 .template2 .item h2 a { color: #333333; } .tx-pxteaser-pi1 .template2 .item .date { margin-bottom: 10px; } .tx-pxteaser-pi1 .template2 .item .date .info_item { margin-right: 1em; } .tx-pxteaser-pi1 .template2 .item .date .info_item_short { margin-right: 0.3em; } .tx-pxteaser-pi1 .template2 .item .date .info_cat_text { font-weight: bold; } .tx-pxteaser-pi1 .template2 .item .date .info_cat_item { color: #93934A; } .tx-pxteaser-pi1 .template2 .item .image { float: left; } .tx-pxteaser-pi1 .template2 .item .image img { border: 3px solid #eaeadd; margin: 0 1em 1em 0; } @media only screen { } @media only screen and (max-width: 48em) { .tx-pxteaser-pi1 .template2 .item .image img { height: auto; width: 100px; } } .tx-pxteaser-pi1 .template2 .item .text p { max-height: 5.2em; overflow: hidden; } .tx-pxteaser-pi1 .template2 .item .text .discussionCount { color: #93934a; font-weight: bold; float: left; margin: 1em 0; } .tx-pxteaser-pi1 .template2 .item .text .more { float: right; margin: 1em 0; } .tx-pxteaser-pi1 .template2 .item ul.relatedPages { border-top: 1px solid #eaeadd; clear: both; list-style: none; margin: 1em 0 0 0; padding: 1em 0 0 0; } .tx-pxteaser-pi1 .template2 .item ul.relatedPages li { margin-bottom: 0.5em; padding-left: 1em; position: relative; } .tx-pxteaser-pi1 .template2 .item ul.relatedPages li span { left: 0; position: absolute; top: -2px; } .tx-pxteaser-pi1 .template2 .item ul.relatedPages li.ellipsis { background: none; } .tx-pxteaser-pi1 .template2 .item.noimage .image { display: none !important; } .tx-pxteaser-pi1 .template3 .item-wrap-2cols { *zoom: 1; clear: both; margin-bottom: 20px; } .tx-pxteaser-pi1 .template3 .item-wrap-2cols:before, .tx-pxteaser-pi1 .template3 .item-wrap-2cols:after { content: ""; display: table; } .tx-pxteaser-pi1 .template3 .item-wrap-2cols:after { clear: both; } .tx-pxteaser-pi1 .template3 .item-wrap-2cols:before, .tx-pxteaser-pi1 .template3 .item-wrap-2cols:after { content: ""; display: table; } .tx-pxteaser-pi1 .template3 .item-wrap-2cols:after { clear: both; } .tx-pxteaser-pi1 .template3 .item-wrap-2cols:nth-child(n+2) { padding-top: 30px; } .tx-pxteaser-pi1 .template3 .item-wrap-2cols:nth-last-child(1) { margin: 0; } .tx-pxteaser-pi1 .template3 .item { *zoom: 1; } .tx-pxteaser-pi1 .template3 .item:before, .tx-pxteaser-pi1 .template3 .item:after { content: ""; display: table; } .tx-pxteaser-pi1 .template3 .item:after { clear: both; } .tx-pxteaser-pi1 .template3 .item:before, .tx-pxteaser-pi1 .template3 .item:after { content: ""; display: table; } .tx-pxteaser-pi1 .template3 .item:after { clear: both; } .tx-pxteaser-pi1 .template3 .item .image-thumb { height: 206px; position: relative; width: 314px; } .tx-pxteaser-pi1 .template3 .item .image-thumb .image { float: left; } .tx-pxteaser-pi1 .template3 .item .image-thumb .image img { border: 3px solid #eaeadd; margin: 0 1em 1em 0; } .tx-pxteaser-pi1 .template3 .item .image-thumb .ellipsis { background: #eaeadd; bottom: 0; font: 1.166em 'signika', sans-serif; height: 40px; padding: 5px 10px; position: absolute; width: 294px; -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)"; filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; } .tx-pxteaser-pi1 .template3 .item .image-thumb.noimage .image { display: none !important; } .tx-pxteaser-pi1 .template4 .item-wrap-2cols { *zoom: 1; clear: both; margin-bottom: 20px; } .tx-pxteaser-pi1 .template4 .item-wrap-2cols:before, .tx-pxteaser-pi1 .template4 .item-wrap-2cols:after { content: ""; display: table; } .tx-pxteaser-pi1 .template4 .item-wrap-2cols:after { clear: both; } .tx-pxteaser-pi1 .template4 .item-wrap-2cols:before, .tx-pxteaser-pi1 .template4 .item-wrap-2cols:after { content: ""; display: table; } .tx-pxteaser-pi1 .template4 .item-wrap-2cols:after { clear: both; } .tx-pxteaser-pi1 .template4 .item-wrap-2cols:nth-child(n+2) { border-top: 8px solid #eaeadd; padding-top: 30px; } .tx-pxteaser-pi1 .template4 .item-wrap-2cols:nth-last-child(1) { margin: 0; } .tx-pxteaser-pi1 .template4 .item { *zoom: 1; padding: 8px 8px 0px; background: none repeat scroll 0 0 #EAEADD; border: medium none; margin-bottom: 20px; } .tx-pxteaser-pi1 .template4 .item:before, .tx-pxteaser-pi1 .template4 .item:after { content: ""; display: table; } .tx-pxteaser-pi1 .template4 .item:after { clear: both; } .tx-pxteaser-pi1 .template4 .item:before, .tx-pxteaser-pi1 .template4 .item:after { content: ""; display: table; } .tx-pxteaser-pi1 .template4 .item:after { clear: both; } @media only screen { } @media only screen and (min-width: 1em) and (max-width: 20em) { .tx-pxteaser-pi1 .template4 .item:nth-child(n+2) { border-top: 8px solid #eaeadd; padding-top: 30px; } } .tx-pxteaser-pi1 .template4 .item h2 { margin-top: 0; max-height: 2em; overflow: hidden; } .tx-pxteaser-pi1 .template4 .item h2 a { color: #333333; font: 1.333em 'signika', sans-serif; text-transform: uppercase; } .tx-pxteaser-pi1 .template4 .item .date { margin-bottom: 10px; } .tx-pxteaser-pi1 .template4 .item .date .info_item { margin-right: 1em; } .tx-pxteaser-pi1 .template4 .item .date .info_item_short { margin-right: 0.3em; } .tx-pxteaser-pi1 .template4 .item .date .info_cat_text { font-weight: bold; } .tx-pxteaser-pi1 .template4 .item .date .info_cat_item { color: #93934A; } .tx-pxteaser-pi1 .template4 .item .image { float: left; } .tx-pxteaser-pi1 .template4 .item .image img { margin: 0 0em 1em 0; } @media only screen { } @media only screen and (max-width: 48em) { .tx-pxteaser-pi1 .template4 .item .image img { height: auto; width: 100px; } } .tx-pxteaser-pi1 .template4 .item .text { clear: both; } .tx-pxteaser-pi1 .template4 .item .text p { max-height: 5.2em; overflow: hidden; } .tx-pxteaser-pi1 .template4 .item .text .discussionCount { color: #93934a; font-weight: bold; float: left; margin: 1em 0; } .tx-pxteaser-pi1 .template4 .item .text .more { float: right; margin: 1em 0; } .tx-pxteaser-pi1 .template4 .item ul.relatedPages { border-top: 1px solid #eaeadd; clear: both; list-style: none; margin: 1em 0 0 0; padding: 1em 0 0 0; } .tx-pxteaser-pi1 .template4 .item ul.relatedPages li { margin-bottom: 0.5em; padding-left: 1em; position: relative; } .tx-pxteaser-pi1 .template4 .item ul.relatedPages li span { left: 0; position: absolute; top: -2px; } .tx-pxteaser-pi1 .template4 .item ul.relatedPages li.ellipsis { background: none; } .tx-pxteaser-pi1 .template4 .item.noimage .image { display: none !important; } .tx-pxteaser-pi1 .template5 .item-wrap-3cols { *zoom: 1; clear: both; margin-bottom: 20px; } .tx-pxteaser-pi1 .template5 .item-wrap-3cols:before, .tx-pxteaser-pi1 .template5 .item-wrap-3cols:after { content: ""; display: table; } .tx-pxteaser-pi1 .template5 .item-wrap-3cols:after { clear: both; } .tx-pxteaser-pi1 .template5 .item-wrap-3cols:before, .tx-pxteaser-pi1 .template5 .item-wrap-3cols:after { content: ""; display: table; } .tx-pxteaser-pi1 .template5 .item-wrap-3cols:after { clear: both; } .tx-pxteaser-pi1 .template5 .item-wrap-3cols:nth-child(n+2) { border-top: 8px solid #eaeadd; padding-top: 30px; } .tx-pxteaser-pi1 .template5 .item-wrap-3cols:nth-last-child(1) { margin: 0; } .tx-pxteaser-pi1 .template5 .item { *zoom: 1; height: 25em; position: relative; } .tx-pxteaser-pi1 .template5 .item:before, .tx-pxteaser-pi1 .template5 .item:after { content: ""; display: table; } .tx-pxteaser-pi1 .template5 .item:after { clear: both; } .tx-pxteaser-pi1 .template5 .item:before, .tx-pxteaser-pi1 .template5 .item:after { content: ""; display: table; } .tx-pxteaser-pi1 .template5 .item:after { clear: both; } @media only screen { } @media only screen and (min-width: 1em) and (max-width: 20em) { .tx-pxteaser-pi1 .template5 .item:nth-child(n+2) { border-top: 8px solid #eaeadd; padding-top: 30px; } } .tx-pxteaser-pi1 .template5 .item h2 { margin-top: 0; max-height: 2em; overflow: hidden; } .tx-pxteaser-pi1 .template5 .item h2 a { color: #333333; } .tx-pxteaser-pi1 .template5 .item .date { margin-bottom: 10px; display: none; } .tx-pxteaser-pi1 .template5 .item .date .info_item { margin-right: 1em; } .tx-pxteaser-pi1 .template5 .item .date .info_item_short { margin-right: 0.3em; } .tx-pxteaser-pi1 .template5 .item .date .info_cat_text { font-weight: bold; } .tx-pxteaser-pi1 .template5 .item .date .info_cat_item { color: #93934A; } .tx-pxteaser-pi1 .template5 .item .image { float: left; } .tx-pxteaser-pi1 .template5 .item .image img { border: 3px solid #eaeadd; margin: 0 1em 1em 0; } @media only screen { } @media only screen and (max-width: 48em) { .tx-pxteaser-pi1 .template5 .item .image img { height: auto; width: 100px; } } .tx-pxteaser-pi1 .template5 .item .text { position: absolute; height: 11.700000000000001em; bottom: 0; } .tx-pxteaser-pi1 .template5 .item .text p { max-height: 9.1em; overflow: hidden; } .tx-pxteaser-pi1 .template5 .item .text .discussionCount { color: #93934a; font-weight: bold; float: left; margin: 1em 0; display: none; } .tx-pxteaser-pi1 .template5 .item .text .more { position: absolute; left: 0; bottom: 0; } .tx-pxteaser-pi1 .template5 .item ul.relatedPages { border-top: 1px solid #eaeadd; clear: both; list-style: none; margin: 1em 0 0 0; padding: 1em 0 0 0; } .tx-pxteaser-pi1 .template5 .item ul.relatedPages li { margin-bottom: 0.5em; padding-left: 1em; position: relative; } .tx-pxteaser-pi1 .template5 .item ul.relatedPages li span { left: 0; position: absolute; top: -2px; } .tx-pxteaser-pi1 .template5 .item ul.relatedPages li.ellipsis { background: none; } .tx-pxteaser-pi1 .template5 .item.noimage .image { display: none !important; } /* roof_configurator */ .tx-roof-configurator .multistep-content .step-list { *zoom: 1; margin-bottom: 5px; } .tx-roof-configurator .multistep-content .step-list:before, .tx-roof-configurator .multistep-content .step-list:after { content: ""; display: table; } .tx-roof-configurator .multistep-content .step-list:after { clear: both; } .tx-roof-configurator .multistep-content .step-list:before, .tx-roof-configurator .multistep-content .step-list:after { content: ""; display: table; } .tx-roof-configurator .multistep-content .step-list:after { clear: both; } .tx-roof-configurator .multistep-content .step-list .step-item { float: left; width: 104px; margin-right: 1px; } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image { background: top left no-repeat; border: 1px solid #fff; display: block; height: 123px; } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-1 { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/1_ia.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-1.inactive { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/1_ia.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-1.active { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/1_a.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-1.done { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/1_d.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-2 { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/2_ia.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-2.active { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/2_a.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-2.inactive { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/2_ia.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-2.done { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/2_d.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-3 { background: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/3_ia.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-3.inactive { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/3_ia.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-3.active { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/3_a.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-3.done { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/3_d.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-4 { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/4_ia.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-4.inactive { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/4_ia.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-4.active { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/4_a.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-4.done { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/4_d.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-5 { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/5_ia.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-5.inactive { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/5_ia.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-5.active { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/5_a.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-5.done { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/5_d.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-6 { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/6_ia.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-6.inactive { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/6_ia.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-6.active { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/6_a.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-image.step-6.done { background-image: url('../..//typo3conf/ext/site_assets/res/img/roof_configurator/6_d.jpg'); } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-caption { background-color: #eaeadd; height: 60px; padding-top: 10px; text-align: center; } .tx-roof-configurator .multistep-content .step-list .step-item .step-item-caption.active h2 { color: #e99009; } .tx-roof-configurator .multistep-content .step-list .step-item.last { padding-right: 0; } .tx-roof-configurator .multistep-content .input input[type=text], .tx-roof-configurator .multistep-content .input input[type=password], .tx-roof-configurator .multistep-content .input input.text, .tx-roof-configurator .multistep-content .input textarea { width: 223px; } .tx-roof-configurator .multistep-content .input select { width: 233px; } .tx-roof-configurator .multistep-content .input.zip input, .tx-roof-configurator .multistep-content .input.year-of-construction input { width: 3em; } .tx-roof-configurator .multistep-content .input.inclination label, .tx-roof-configurator .multistep-content .input.orientation label, .tx-roof-configurator .multistep-content .input.surface label, .tx-roof-configurator .multistep-content .input.shape label { float: left; } .tx-roof-configurator .multistep-content .picture { margin-left: 213px; margin-bottom: 10px; } .tx-roof-configurator .multistep-content.wizard #item-accordion { margin-bottom: 1em; } .tx-roof-configurator .multistep-content.wizard #item-accordion .ui-accordion-header-active { cursor: default; } .tx-roof-configurator .multistep-content.wizard .row .item { cursor: pointer; float: left; margin: 0 1em 1em 0; text-align: center; width: 90px; } .tx-roof-configurator .multistep-content.wizard .row .item img { border: 4px solid #fff; padding: 3px; } .tx-roof-configurator .multistep-content.wizard .row .item.selected img { border: 4px solid #eaeadd; } .tx-roof-configurator .multistep-content.wizard .row .item .selection-item { display: none; } .tx-roof-configurator .multistep-content.summary table td { padding: 3px 0; } .tx-roof-configurator .multistep-content.summary table td.title { vertical-align: text-top; width: 160px; } .tx-roof-configurator .multistep-content.summary .info-box { border: 1px solid #eaeadd; float: left; height: 200px; margin: 0 1em 1em 0; overflow: hidden; padding: 0 2px 0px 5px; width: 300px; } .tx-roof-configurator .multistep-content.summary .info-box .header h3 { float: left; margin: 0.5em 0; } .tx-roof-configurator .multistep-content.summary .info-box .header a { float: right; margin-top: 1em; padding-right: 0.5em; width: 18px; } .tx-roof-configurator .multistep-content.summary .ui-button { height: 20px; margin: 0; padding: 1px; width: 21px; } .tx-roof-configurator .multistep-content.summary .ui-button:hover { color: #fff; } .tx-roof-configurator .multistep-content.create h1 { color: #333333; font-family: 'signika'; font-size: 2em; font-weight: normal; text-transform: none; } .tx-roof-configurator .multistep-content.create .section { padding: 0 1em; margin-bottom: 1em; } .tx-roof-configurator .multistep-content.create .section h2 { background: #eaeadd; color: #333333; font-family: 'signika'; font-size: 1.5em; font-weight: normal; margin: 0 -1em 0.6em -1em; padding: 0.8em; text-transform: none; } .tx-roof-configurator .multistep-content.create .section .item { float: left; margin: 0 5em 2em 0; min-height: 150px; width: 150px; } .tx-roof-configurator .multistep-content.create .section .item:nth-last-child(1) { margin-right: 0; } .tx-roof-configurator .multistep-content.create .section .item span { border: 1px solid #eaeadd; -moz-border-radius: 10px; -webkit-border-radius: 10px; border-radius: 10px; display: inline-block; height: 20px; margin-right: 5px; width: 20px; vertical-align: middle; } .tx-roof-configurator .multistep-content.create .section.contact { padding: 0; margin-bottom: 2em; } .tx-roof-configurator .multistep-content.create .section.contact p { border-bottom: 1px solid #333333; line-height: 2em; width: 50%; } .tx-roof-configurator .multistep-content.create .section.notes .input.notes { border: 1px solid #333333; height: 400px; } .tx-roof-configurator .multistep-content .shape-collection { padding: 5px 0 0 5px; } .tx-roof-configurator .multistep-content .shape-collection .row { padding-left: 200px; } .tx-roof-configurator .multistep-content .shape-collection .row .item { background-color: #fff; opacity: 0.4; -webkit-transition: opacity .25s ease; cursor: pointer; float: left; margin: 0 1em 0em 0; text-align: center; width: 70px; } .tx-roof-configurator .multistep-content .shape-collection .row .item.selected { background-color: #fff; opacity: 1; -webkit-transition: opacity .25s ease; } .tx-roof-configurator .multistep-content .shape-collection .row .item .selection-item { display: none; } .tx-roof-configurator .selection .selection-item { *zoom: 1; border-bottom: 1px solid #eaeadd; margin-bottom: 1em; padding-bottom: 1em; position: relative; } .tx-roof-configurator .selection .selection-item:before, .tx-roof-configurator .selection .selection-item:after { content: ""; display: table; } .tx-roof-configurator .selection .selection-item:after { clear: both; } .tx-roof-configurator .selection .selection-item:before, .tx-roof-configurator .selection .selection-item:after { content: ""; display: table; } .tx-roof-configurator .selection .selection-item:after { clear: both; } .tx-roof-configurator .selection .selection-item:nth-last-child(1) { border: none; margin: 0; padding: 0; } .tx-roof-configurator .selection .selection-item .ui-button { height: 20px; margin: 0; padding: 1px; position: absolute; right: 0; top: 0; width: 21px; } .tx-roof-configurator .selection .selection-item .ui-button:hover { color: #fff; } .tx-roof-configurator .selection .selection-item b { padding-right: 25px; } .tx-roof-configurator .selection .selection-item img { float: left; margin: 0 5px 5px 0; } .tx-roof-configurator .selection .selection-item select { width: auto; } .tx-roof-configurator ul.product-configurations { list-style-type: none; } .tx-roof-configurator ul.product-configurations li { float: left; background: none; list-style: none; padding: 0.1em 0; } #sidebar .tx-roof-configurator h3 { color: #333333; font-weight: bold; margin-bottom: 0.1em; text-transform: none; } #sidebar .tx-roof-configurator .sidebar-multistepform-buttons { margin-top: 1em; } #sidebar .tx-roof-configurator .sidebar-multistepform-buttons input { width: auto; } #sidebar .tx-roof-configurator #item-accordion .row .item { width: 280px; } #sidebar .tx-roof-configurator #item-accordion .row .item img { border: 4px solid #fff; cursor: pointer; float: left; padding: 3px; } #sidebar .tx-roof-configurator #item-accordion .row .item .title { padding-top: 15px; } #sidebar .tx-roof-configurator #item-accordion span.title { display: block; float: left; margin-right: 10px; margin-top: 5px; min-width: 240px; } #sidebar .tx-roof-configurator #item-accordion a.edit-button { float: right; } #sidebar .tx-roof-configurator #item-accordion h3 { background: #eaeadd; border-color: #eaeadd; } #sidebar .tx-roof-configurator #item-accordion h3.ui-state-active { background: #eaeadd; border-color: #eaeadd; } #sidebar .tx-roof-configurator #item-accordion h3.ui-state-hover { background: #eaeadd; border-color: #eaeadd; } #sidebar .tx-roof-configurator #item-accordion .ui-button { border-color: #93934a; height: 20px; margin: 0; padding: 1px; width: 21px; } #sidebar .tx-roof-configurator #item-accordion .ui-icon.ui-state-active { background: #eaeadd; border-color: #eaeadd; } #sidebar .tx-roof-configurator #item-accordion .ui-icon .ui-state-active { background-image: url('../..//typo3conf/ext/site_assets/res/less/vendor/images/ui-icons_93934a_256x240.png'); } #sidebar .tx-roof-configurator #item-accordion .ui-state-active .ui-icon { background-image: url('../..//typo3conf/ext/site_assets/res/less/vendor/images/ui-icons_93934a_256x240.png'); } .tx-roof-configurator .inclination .inclination-outer-container { margin-left: 213px; } .tx-roof-configurator .inclination .inclination-outer-container span.ui-spinner { margin-top: 1em; width: 230px; } .tx-roof-configurator .inclination .inclination-outer-container .inclination-inner-container { border: 1px solid #93934a; width: 230px; height: 190px; } .tx-roof-configurator .inclination .inclination-outer-container .inclination-inner-container #inclination-tool { height: 65px; position: absolute; width: 365px; } .tx-roof-configurator .inclination .inclination-outer-container .inclination-inner-container #inclination-tool .inclination-tool-overlay { background: url('../..//typo3conf/ext/site_assets/res/img/gradient_bg.png') no-repeat 0 0; position: absolute; left: 0; top: 0; height: 190px; width: 230px; } .tx-roof-configurator .inclination .inclination-outer-container .inclination-inner-container #inclination-tool #inclination-tool-thumb { background: url('../..//typo3conf/ext/site_assets/res/img/gradient_slider.png') no-repeat 50% 50%; position: absolute; top: -3px; left: 137px; cursor: pointer; width: 50px; z-index: 1200; height: 50px; } .tx-roof-configurator .inclination .inclination-outer-container .inclination-inner-container #inclination-tool .inclination-tool-object { position: absolute; left: 187px; top: -120px; } .tx-roof-configurator .orientation .orientation-outer-container { margin-left: 213px; } .tx-roof-configurator .orientation .orientation-outer-container span.ui-spinner { margin-top: 1em; width: 230px; } .tx-roof-configurator .orientation .orientation-outer-container .orientation-inner-container { width: 150px; height: 150px; position: relative; padding: 20px 40px; background: url('../..//typo3conf/ext/site_assets/res/img/angle_container.png') no-repeat; border: 1px solid #a3a367; } .tx-roof-configurator .orientation .orientation-outer-container .orientation-inner-container #orientation-tool { height: 150px; position: relative; width: 150px; } .tx-roof-configurator .orientation .orientation-outer-container .orientation-inner-container #orientation-tool #orientation-tool-overlay { background: url('../..//typo3conf/ext/site_assets/res/img/angle_bg.png') no-repeat 0 0; position: absolute; left: 0; top: 0; height: 150px; width: 150px; } .tx-roof-configurator .orientation .orientation-outer-container .orientation-inner-container #orientation-tool #orientation-tool-thumb { background: url('../..//typo3conf/ext/site_assets/res/img/angle_slider.png') no-repeat 50% 50%; position: absolute; top: -3px; left: 137px; cursor: pointer; width: 50px; z-index: 200; height: 50px; } .tx-roof-configurator .orientation .orientation-outer-container .orientation-inner-container #orientation-tool .orientation-tool-object { position: absolute; left: 31px; top: 44px; } .tx-roof-configurator .surface #surface-tool { margin-left: 213px; position: relative; width: 230px; height: 190px; border: 1px solid #a3a367; background: #ffffff url('../..//typo3conf/ext/site_assets/res/img/surface_container.png'); } .tx-roof-configurator .surface #surface-tool-field { position: relative; left: 55px; top: 145px; } .tx-roof-configurator .surface #surface-tool-field input { height: 14px; border: 1px solid #a3a367; width: 90px; margin-right: 8px; } /* sd_brochure */ .tx-sdbrochure-pi1 .tx_sdbrochure-list { *zoom: 1; clear: both; margin-bottom: 20px; position: relative; } .tx-sdbrochure-pi1 .tx_sdbrochure-list:before, .tx-sdbrochure-pi1 .tx_sdbrochure-list:after { content: ""; display: table; } .tx-sdbrochure-pi1 .tx_sdbrochure-list:after { clear: both; } .tx-sdbrochure-pi1 .tx_sdbrochure-list:before, .tx-sdbrochure-pi1 .tx_sdbrochure-list:after { content: ""; display: table; } .tx-sdbrochure-pi1 .tx_sdbrochure-list:after { clear: both; } .tx-sdbrochure-pi1 .tx_sdbrochure-list:nth-child(n+3) { border-top: 8px solid #eaeadd; padding-top: 30px; } .tx-sdbrochure-pi1 .tx_sdbrochure-list:nth-last-child(1) { margin: 0; } .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-list-image, .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-single-image { float: left; text-align: center; } #container.twoColumns #content .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-list-image, #container.twoColumns #content .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-single-image { display: inline; float: left; margin: 0 3.0303030303030303% 0 0; width: 22.727272727272727%; *width: 22.677272727272726%; *margin: 0 2.9803030303030305% 0 0; } .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-list-image img, .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-single-image img { border: 3px solid #eaeadd; margin-bottom: 1em; } .tx-sdbrochure-pi1 .tx_sdbrochure-list h2 { clear: right; margin-top: 0; max-height: 2em; overflow: hidden; } .tx-sdbrochure-pi1 .tx_sdbrochure-list h2 a { color: #333333; } .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-list-teaser { *zoom: 1; max-height: 5.2em; overflow: hidden; } .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-list-teaser:before, .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-list-teaser:after { content: ""; display: table; } .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-list-teaser:after { clear: both; } .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-list-teaser:before, .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-list-teaser:after { content: ""; display: table; } .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-list-teaser:after { clear: both; } .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-list-teaser a { color: #333333; text-decoration: none; } .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-list-teaser a:hover { color: #93934a; } #container.twoColumns #content .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-list-teaser { display: inline; float: left; margin: 0 3.0303030303030303% 0 0; width: 74.24242424242425%; *width: 74.19242424242425%; *margin: 0 2.9803030303030305% 0 0; margin-right: 0; } .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-list-checkbox { *zoom: 1; bottom: 10px; position: absolute; right: 10px; } .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-list-checkbox:before, .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-list-checkbox:after { content: ""; display: table; } .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-list-checkbox:after { clear: both; } .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-list-checkbox:before, .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-list-checkbox:after { content: ""; display: table; } .tx-sdbrochure-pi1 .tx_sdbrochure-list .tx_sdbrochure-list-checkbox:after { clear: both; } .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-teaser, .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-text { *zoom: 1; max-height: 5.2em; overflow: hidden; } .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-teaser:before, .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-text:before, .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-teaser:after, .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-text:after { content: ""; display: table; } .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-teaser:after, .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-text:after { clear: both; } .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-teaser:before, .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-text:before, .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-teaser:after, .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-text:after { content: ""; display: table; } .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-teaser:after, .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-text:after { clear: both; } .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-teaser a, .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-text a { color: #333333; text-decoration: none; } .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-teaser a:hover, .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-text a:hover { color: #93934a; } #container.twoColumns #content .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-teaser, #container.twoColumns #content .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-text { display: inline; float: left; margin: 0 3.0303030303030303% 0 0; width: 74.24242424242425%; *width: 74.19242424242425%; *margin: 0 2.9803030303030305% 0 0; margin-right: 0; } .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-image { float: left; text-align: center; } #container.twoColumns #content .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-image { display: inline; float: left; margin: 0 3.0303030303030303% 0 0; width: 22.727272727272727%; *width: 22.677272727272726%; *margin: 0 2.9803030303030305% 0 0; } .tx-sdbrochure-pi1 #tx_sdbrochure-single .tx_sdbrochure-single-image img { border: 3px solid #eaeadd; margin-bottom: 1em; } .tx-sdbrochure-pi1 #tx_sdbrochure-single h2 { clear: right; margin-top: 0; max-height: 2em; overflow: hidden; } .tx-sdbrochure-pi1 #tx_sdbrochure-single h2 a { color: #333333; } .tx-sdbrochure-pi1 #tx_sdbrochure-order { *zoom: 1; clear: both; margin: 10px 0; } .tx-sdbrochure-pi1 #tx_sdbrochure-order:before, .tx-sdbrochure-pi1 #tx_sdbrochure-order:after { content: ""; display: table; } .tx-sdbrochure-pi1 #tx_sdbrochure-order:after { clear: both; } .tx-sdbrochure-pi1 #tx_sdbrochure-order:before, .tx-sdbrochure-pi1 #tx_sdbrochure-order:after { content: ""; display: table; } .tx-sdbrochure-pi1 #tx_sdbrochure-order:after { clear: both; } .tx-sdbrochure-pi1 #tx_sdbrochure-order .tx_sdbrochure-field { margin: 0 0 10px 0; } /* sd_contentslider */ .flexslider { background: #eaeadd; border: none; -moz-border-radius: 0; -o-border-radius: 0; -webkit-border-radius: 0; border-radius: 0; -moz-box-shadow: none; -webkit-box-shadow: none; box-shadow: none; list-style: none; margin: 0; overflow: hidden; padding: 8px 8px 15px 8px; position: relative; } .flexslider ul { list-style: none; margin: 0; padding: 0; } .flexslider ul li { background: none; padding: 0; } .flexslider a { color: #333333; text-decoration: none; } .flexslider .flex-viewport .slides .slide_header { font: 1.666em 'signika', sans-serif; font-size: 1.666em; margin-top: 0.5em; text-transform: uppercase; } .flexslider .flex-direction-nav a { height: 256px; margin: 0; top: 25%; } .flexslider .flex-direction-nav a.flex-prev { background: url('../..//typo3conf/ext/site_assets/res/img/l.png') left -95px no-repeat; left: 10px; } .flexslider .flex-direction-nav a.flex-next { background: url('../..//typo3conf/ext/site_assets/res/img/r.png') right -95px no-repeat; right: 10px; } .tx-sdcontentslider-pi4 { *zoom: 1; margin: 0; padding: 0; } .tx-sdcontentslider-pi4:before, .tx-sdcontentslider-pi4:after { content: ""; display: table; } .tx-sdcontentslider-pi4:after { clear: both; } .tx-sdcontentslider-pi4:before, .tx-sdcontentslider-pi4:after { content: ""; display: table; } .tx-sdcontentslider-pi4:after { clear: both; } .tx-sdcontentslider-pi4 .latest_news { background: #eaeadd; padding: 5px; } .tx-sdcontentslider-pi4 .latest_news ul { list-style: none; margin: 0; padding: 0; } .tx-sdcontentslider-pi4 .latest_news ul li { background: none; border-bottom: 1px solid #ccc; padding: 5px; } .tx-sdcontentslider-pi4 .latest_news ul li:last-child { border-bottom: none; } .tx-sdcontentslider-pi4 .latest_news ul li a { color: #333333; } .tx-sdcontentslider-pi4 .latest_news ul li a:hover { color: #93934a; } .tx-sdcontentslider-pi4 .latest_news ul li .date { float: left; font-weight: bold; width: 75px; } .tx-sdcontentslider-pi4 .latest_news ul li .header { margin-left: 75px; width: 205px; } /* sd_lexicon */ #lexiconObject { text-align: left; z-index: 1000000; } #lexiconObject div { position: relative; } #lexiconObject h1 { font-size: 1.1em; } #lexiconObject .lexiconObject_arrow { /* Left div for the small arrow */ background: url('../..//typo3conf/ext/site_assets/res/img/arrow_lexicon.png') center left no-repeat; height: 30px; left: 0px; position: absolute; top: 0px; width: 16px; z-index: 1000005; } #lexiconObject .lexiconObject_content { background: #fff; border: 2px solid #eaeadd; -moz-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5); -webkit-box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5); box-shadow: 0px 2px 10px rgba(0, 0, 0, 0.5); left: 14px; /* 16px arrow witdth - 2px border */ min-height: 100px; overflow: hidden; padding: 8px; position: absolute; top: -70px; width: 220px; z-index: 1000001; } .tx-sdlexicon-pi1 #sd_lexicon-menu { text-align: center; } .tx-sdlexicon-pi1 #sd_lexicon-menu a { display: inline-block; margin: 0 5px; } .tx-sdlexicon-pi1 .sd_lexicon-anker { font: bold 1.334em 'signika', sans-serif; } /* site_assets */ .tx-site-assets .customer-service { background: #686b12; color: #ffffff; font-family: 'signika', sans-serif; padding: 8px; } .tx-site-assets .customer-service .title { background: #1e1e1b; font-size: 1.666em; line-height: 1em; margin-bottom: 8px; padding: 10px 0; text-align: center; text-transform: uppercase; } .tx-site-assets .customer-service .title span { font-size: 0.6em; text-transform: none; } .tx-site-assets .customer-service .item { border-top: 1px solid #4c4f17; *zoom: 1; padding: 8px 0; } .tx-site-assets .customer-service .item:before, .tx-site-assets .customer-service .item:after { content: ""; display: table; } .tx-site-assets .customer-service .item:after { clear: both; } .tx-site-assets .customer-service .item:before, .tx-site-assets .customer-service .item:after { content: ""; display: table; } .tx-site-assets .customer-service .item:after { clear: both; } .tx-site-assets .customer-service .item a.button, .tx-site-assets .customer-service .item input.button { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; float: right; width: 92px; } .tx-site-assets .customer-service .item.hotline { text-align: center; text-transform: uppercase; } .tx-site-assets .customer-service .item.hotline span { font-size: 1.666em; } .tx-site-assets .customer-service .item.hotline div { font-size: 0.8em; margin-top: 5px; } .tx-site-assets .customer-service .item.callback { text-align: center; } .tx-site-assets .customer-service .item.callback p { margin-bottom: 0.5em; } .tx-site-assets .customer-service .item.callback input[type=text] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-right: 5px; padding: 6px 5px 5px 5px; width: 198px; } @media (max-width: 48em) { .tx-site-assets .customer-service .item.callback input[type=text] { margin: 0 0 5px 0; width: 100%; } } .tx-site-assets .customer-service .item.callback .info.number { margin-top: 0.5em; text-align: left; } .tx-site-assets .customer-service .item.discussion { text-align: center; } .tx-site-assets .customer-service .item.discussion p { margin-bottom: 0.5em; } .tx-site-assets .customer-service .item.discussion .fa, .tx-site-assets .customer-service .item.discussion a.captcha-reaload { color: #e99009; cursor: pointer; } .tx-site-assets .customer-service .item.discussion .fa { font-size: 3em; } .tx-site-assets .customer-service .item.discussion form { display: none; } .tx-site-assets .customer-service .item.discussion input[type=text], .tx-site-assets .customer-service .item.discussion textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; margin-bottom: 1em; width: 100%; } .tx-site-assets .customer-service .item.discussion .info.captcha { margin-bottom: 1em; text-align: left; } .tx-site-assets .customer-service .item.callback.ajax-new .flash-message, .tx-site-assets .customer-service .item.discussion.ajax-new .flash-message { background: #e99009; margin-bottom: 1em; padding: 8px; } .tx-site-assets .customer-service .item.callback.ajax-new .new-content, .tx-site-assets .customer-service .item.discussion.ajax-new .new-content { background: #eaeadd; color: #333333; padding: 8px; } .tx-site-assets .customer-service .item.poll p, .tx-site-assets .customer-service .item.chat p { float: left; margin-bottom: 0.5em; width: 200px; } @media (max-width: 48em) { .tx-site-assets .customer-service .item.poll p, .tx-site-assets .customer-service .item.chat p { float: none; width: 100%; } } @media (max-width: 48em) { .tx-site-assets .customer-service .item.poll a.button, .tx-site-assets .customer-service .item.chat a.button, .tx-site-assets .customer-service .item.poll input.button, .tx-site-assets .customer-service .item.chat input.button { margin: 0 0 5px 5px; } } /* solr search */ .tx-solr { font: 'signika', sans-serif; } .tx-solr .tx-solr-searchbox { position: relative; } .tx-solr .tx-solr-searchbox input[type=text] { background: #fff; border: none; color: #989898; display: block; padding: 5px 25px 5px 5px; position: absolute; right: 0; width: 130px; } @media (max-width: 48em) { .tx-solr .tx-solr-searchbox input[type=text] { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } } .tx-solr .tx-solr-searchbox input[type=submit] { background: url('../..//typo3conf/ext/site_assets/res/img/search_bg.png') top right no-repeat; border: none; cursor: pointer; height: 18px; position: absolute; right: 5px; top: 5px; width: 18px; } .tx-solr .tx-solr-search-form { margin-bottom: 15px; } .tx-solr #tx-solr-pagination { float: right; margin-top: -38px; padding-top: 3px; } .tx-solr .results-text-range { padding-bottom: 5px; } .tx-solr .tx-solr-header { border-bottom: 7px solid #eaeadd; border-top: 1px solid #eaeadd; padding-bottom: 10px; } .tx-solr .tx-solr-header .tx-solr-range { float: left; font-size: 14px; line-height: 18px; } .tx-solr .tx-solr-header #tx-solr-sorting { float: right; line-height: 18px; } .tx-solr .tx-solr-header #tx-solr-sorting a { background: url('../..//typo3conf/ext/site_assets/res/img/icon_plus_act.png') no-repeat left center; color: #333333; display: inline-block; font-size: 14px; line-height: 18px; margin-left: 10px; padding: 0 0 0 16px; } .tx-solr .tx-solr-header #tx-solr-sorting span .current a { background: url('../..//typo3conf/ext/site_assets/res/img/icon_plus.png') no-repeat left center; } .tx-solr ul.matchlist { list-style-type: none; margin: 0; padding: 0; } .tx-solr ul.matchlist li { float: left; margin: 0; padding: 3px 10px 0 0; } .tx-solr ul.results-list { list-style-type: none; margin: 0 0 10px 0; padding: 0; } .tx-solr ul.results-list li { background: none; border-bottom: 7px solid #eaeadd; margin: 0; padding: 0; } .tx-solr ul.results-list li a { color: #333333; display: block; padding: 10px 5px 20px 5px; text-decoration: none; } .tx-solr ul.results-list li a:hover { background: #eaeadd; } .tx-solr ul.results-list li a .results-title { color: #93934a; display: block; font: 1.334em 'signika', sans-serif; margin: 0 0 5px 0; } .tx-solr ul.results-list li a .results-title:hover { text-decoration: underline; } .tx-solr ul.results-list li a .result-header { float: left; height: 20px; line-height: 22px; margin-bottom: 10px; width: 30px; } .tx-solr ul.results-list li a .result-header.result-header-10 { background: url('../..//typo3conf/ext/site_assets/res/img/icon_article.png') no-repeat left center; } .tx-solr ul.results-list li a .result-header.result-header-1 { background: url('../..//typo3conf/ext/site_assets/res/img/icon_common.png') no-repeat left center; } .tx-solr ul.results-list li a .result-header.result-header-11 { background: url('../..//typo3conf/ext/site_assets/res/img/icon_gallery.png') no-repeat left center; } .tx-solr ul.results-list li a .result-header.result-header-12 { background: url('../..//typo3conf/ext/site_assets/res/img/icon_video.png') no-repeat left center; } .tx-solr ul.results-list li a .result-header.result-header-14 { background: url('../..//typo3conf/ext/site_assets/res/img/icon_article.png') no-repeat left center; } .tx-solr ul.results-list li a .result-header.result-header-20 { background: url('../..//typo3conf/ext/site_assets/res/img/icon_faq.png') no-repeat left center; } .tx-solr ul.results-list li a .result-header-date { float: left; font-weight: bold; line-height: 22px; } .tx-solr ul.results-list li a .result-header-category { float: left; line-height: 22px; } .tx-solr ul.results-list li a .result-header-category span { color: #93934a; } .tx-solr ul.results-list li a .result-header-post { color: #93934a; float: right; line-height: 22px; } .tx-solr ul.facets { margin: 0 0 35px 0; padding: 0; } .tx-solr ul.facets li.facet { background: none; } .tx-solr ul.facets li.facet h3 { margin: 1em 0 0 0; padding: 0; } .tx-solr ul.facets ul.singleFacet li { background: none; border-bottom: 1px solid #eaeadd; font-size: 1.166em; height: 35px; line-height: 35px; list-style-type: none; margin: 0; padding: 0; } .tx-solr ul.facets ul.singleFacet li span { color: #93934a; display: block; float: left; text-align: center; width: 45px; } .tx-solr ul.facets ul.singleFacet li a { color: #333333; display: block; float: left; height: 35px; outline: none; width: 250px; } .tx-solr ul.facets ul.singleFacet li.facet_1 { background: #eaeadd; } /* ux_core */ .tx-ux-core .jqcloud { color: #09f; font-size: 10px; line-height: normal; overflow: hidden; position: relative; /* colors */ } .tx-ux-core .jqcloud a { font-size: inherit; text-decoration: none; } .tx-ux-core .jqcloud span { padding: 0; } .tx-ux-core .jqcloud span.w10 { font-size: 300%; } .tx-ux-core .jqcloud span.w9 { font-size: 270%; } .tx-ux-core .jqcloud span.w8 { font-size: 240%; } .tx-ux-core .jqcloud span.w7 { font-size: 210%; } .tx-ux-core .jqcloud span.w6 { font-size: 200%; } .tx-ux-core .jqcloud span.w5 { font-size: 180%; } .tx-ux-core .jqcloud span.w4 { font-size: 160%; } .tx-ux-core .jqcloud span.w3 { font-size: 140%; } .tx-ux-core .jqcloud span.w2 { font-size: 120%; } .tx-ux-core .jqcloud span.w1 { font-size: 100%; } .tx-ux-core .jqcloud span.w10 a { color: #93934a; } .tx-ux-core .jqcloud span.w9 a { color: #9d9d4f; } .tx-ux-core .jqcloud span.w8 a { color: #a7a754; } .tx-ux-core .jqcloud span.w7 a { color: #aeae5d; } .tx-ux-core .jqcloud span.w6 a { color: #b3b367; } .tx-ux-core .jqcloud span.w5 a { color: #b8b872; } .tx-ux-core .jqcloud span.w4 a { color: #bdbd7c; } .tx-ux-core .jqcloud span.w3 a { color: #c2c286; } .tx-ux-core .jqcloud span.w2 a { color: #c7c790; } .tx-ux-core .jqcloud span.w1 a { color: #cccc9a; } /* ux_discussion */ .tx-ux-discussion .login-info, .tx-ux-discussion .new-answer, .tx-ux-discussion .new-comment-follow { *zoom: 1; border: 1px solid #eaeadd; padding: 1em; } .tx-ux-discussion .login-info:before, .tx-ux-discussion .new-answer:before, .tx-ux-discussion .new-comment-follow:before, .tx-ux-discussion .login-info:after, .tx-ux-discussion .new-answer:after, .tx-ux-discussion .new-comment-follow:after { content: ""; display: table; } .tx-ux-discussion .login-info:after, .tx-ux-discussion .new-answer:after, .tx-ux-discussion .new-comment-follow:after { clear: both; } .tx-ux-discussion .login-info:before, .tx-ux-discussion .new-answer:before, .tx-ux-discussion .new-comment-follow:before, .tx-ux-discussion .login-info:after, .tx-ux-discussion .new-answer:after, .tx-ux-discussion .new-comment-follow:after { content: ""; display: table; } .tx-ux-discussion .login-info:after, .tx-ux-discussion .new-answer:after, .tx-ux-discussion .new-comment-follow:after { clear: both; } .tx-ux-discussion .login-info .button, .tx-ux-discussion .new-answer .button, .tx-ux-discussion .new-comment-follow .button { float: right; margin-top: 1em; } .tx-ux-discussion .login-info .button a, .tx-ux-discussion .new-answer .button a, .tx-ux-discussion .new-comment-follow .button a { background: #e99009; border: 1px solid #e99009; color: #fff; cursor: pointer; display: inline-block; font-family: 'signika', sans-serif; font-weight: bold; padding: 5px 10px; position: relative; text-decoration: none; text-transform: uppercase; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; white-space: nowrap; } .tx-ux-discussion .login-info .button a:hover, .tx-ux-discussion .new-answer .button a:hover, .tx-ux-discussion .new-comment-follow .button a:hover { background: #f69d16; border: 1px solid #e99009; } .tx-ux-discussion .login-info .button a:active, .tx-ux-discussion .new-answer .button a:active, .tx-ux-discussion .new-comment-follow .button a:active { -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); } .tx-ux-discussion #page-discussion { background: none; border: none; margin: 15px 0; } .tx-ux-discussion #page-discussion .ajax-new .new-content { background: #eaeadd; border-width: 5px; margin-top: 8px; padding: 8px; } .tx-ux-discussion #page-discussion .new-answer, .tx-ux-discussion #page-discussion .new-comment, .tx-ux-discussion #page-discussion .new-comment-follow, .tx-ux-discussion #page-discussion .new-question { border: 1px solid #eaeadd; margin-bottom: 2em; padding: 1em; } .tx-ux-discussion #page-discussion .new-answer .newFaqHead, .tx-ux-discussion #page-discussion .new-comment .newFaqHead, .tx-ux-discussion #page-discussion .new-comment-follow .newFaqHead, .tx-ux-discussion #page-discussion .new-question .newFaqHead { height: 60px; } .tx-ux-discussion #page-discussion .new-answer .newFaqImage, .tx-ux-discussion #page-discussion .new-comment .newFaqImage, .tx-ux-discussion #page-discussion .new-comment-follow .newFaqImage, .tx-ux-discussion #page-discussion .new-question .newFaqImage { height: 50px; float: left; } .tx-ux-discussion #page-discussion .new-answer .newFaqText, .tx-ux-discussion #page-discussion .new-comment .newFaqText, .tx-ux-discussion #page-discussion .new-comment-follow .newFaqText, .tx-ux-discussion #page-discussion .new-question .newFaqText { padding-top: 22px; padding-left: 22px; float: left; } .tx-ux-discussion #page-discussion .new-answer .form-row, .tx-ux-discussion #page-discussion .new-comment .form-row, .tx-ux-discussion #page-discussion .new-comment-follow .form-row, .tx-ux-discussion #page-discussion .new-question .form-row { clear: both; margin: 15px 0; } .tx-ux-discussion #page-discussion .new-answer .form-row input[type=text], .tx-ux-discussion #page-discussion .new-comment .form-row input[type=text], .tx-ux-discussion #page-discussion .new-comment-follow .form-row input[type=text], .tx-ux-discussion #page-discussion .new-question .form-row input[type=text], .tx-ux-discussion #page-discussion .new-answer .form-row textarea, .tx-ux-discussion #page-discussion .new-comment .form-row textarea, .tx-ux-discussion #page-discussion .new-comment-follow .form-row textarea, .tx-ux-discussion #page-discussion .new-question .form-row textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .tx-ux-discussion #page-discussion .new-answer .form-row .info, .tx-ux-discussion #page-discussion .new-comment .form-row .info, .tx-ux-discussion #page-discussion .new-comment-follow .form-row .info, .tx-ux-discussion #page-discussion .new-question .form-row .info { font-style: italic; padding: 6px 0; } .tx-ux-discussion #page-discussion .new-answer .form-row .error, .tx-ux-discussion #page-discussion .new-comment .form-row .error, .tx-ux-discussion #page-discussion .new-comment-follow .form-row .error, .tx-ux-discussion #page-discussion .new-question .form-row .error { color: #ff0000; } .tx-ux-discussion #page-discussion .new-answer .form-row.submit, .tx-ux-discussion #page-discussion .new-comment .form-row.submit, .tx-ux-discussion #page-discussion .new-comment-follow .form-row.submit, .tx-ux-discussion #page-discussion .new-question .form-row.submit { margin-bottom: 0; text-align: right; } .tx-ux-discussion #page-discussion .new-answer h2, .tx-ux-discussion #page-discussion .new-comment h2, .tx-ux-discussion #page-discussion .new-comment-follow h2 { margin-top: 0; } .tx-ux-discussion #page-discussion .new-answer .form-row, .tx-ux-discussion #page-discussion .new-comment .form-row, .tx-ux-discussion #page-discussion .new-comment-follow .form-row { clear: both; margin: 15px 0; } .tx-ux-discussion #page-discussion .new-answer .form-row label, .tx-ux-discussion #page-discussion .new-comment .form-row label, .tx-ux-discussion #page-discussion .new-comment-follow .form-row label { display: inline-block; margin-right: 10px; vertical-align: top; width: 200px; } .tx-ux-discussion #page-discussion .new-answer .form-row input[type=text], .tx-ux-discussion #page-discussion .new-comment .form-row input[type=text], .tx-ux-discussion #page-discussion .new-comment-follow .form-row input[type=text], .tx-ux-discussion #page-discussion .new-answer .form-row textarea, .tx-ux-discussion #page-discussion .new-comment .form-row textarea, .tx-ux-discussion #page-discussion .new-comment-follow .form-row textarea { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; width: 100%; } .tx-ux-discussion #page-discussion .new-answer .form-row .info, .tx-ux-discussion #page-discussion .new-comment .form-row .info, .tx-ux-discussion #page-discussion .new-comment-follow .form-row .info { margin-left: 0; } .tx-ux-discussion #page-discussion .new-answer .form-row .error, .tx-ux-discussion #page-discussion .new-comment .form-row .error, .tx-ux-discussion #page-discussion .new-comment-follow .form-row .error { color: red; } .tx-ux-discussion #page-discussion .item { margin-bottom: 1em; } .tx-ux-discussion #page-discussion .item:nth-child(n+3) { border-top: 1px solid #eaeadd; padding-top: 1em; } .tx-ux-discussion #page-discussion .item:nth-last-child(1) { margin: 0; } .tx-ux-discussion #page-discussion .item .answer, .tx-ux-discussion #page-discussion .item .comment, .tx-ux-discussion #page-discussion .item .follows, .tx-ux-discussion #page-discussion .item .question { *zoom: 1; position: relative; } .tx-ux-discussion #page-discussion .item .answer:before, .tx-ux-discussion #page-discussion .item .comment:before, .tx-ux-discussion #page-discussion .item .follows:before, .tx-ux-discussion #page-discussion .item .question:before, .tx-ux-discussion #page-discussion .item .answer:after, .tx-ux-discussion #page-discussion .item .comment:after, .tx-ux-discussion #page-discussion .item .follows:after, .tx-ux-discussion #page-discussion .item .question:after { content: ""; display: table; } .tx-ux-discussion #page-discussion .item .answer:after, .tx-ux-discussion #page-discussion .item .comment:after, .tx-ux-discussion #page-discussion .item .follows:after, .tx-ux-discussion #page-discussion .item .question:after { clear: both; } .tx-ux-discussion #page-discussion .item .answer:before, .tx-ux-discussion #page-discussion .item .comment:before, .tx-ux-discussion #page-discussion .item .follows:before, .tx-ux-discussion #page-discussion .item .question:before, .tx-ux-discussion #page-discussion .item .answer:after, .tx-ux-discussion #page-discussion .item .comment:after, .tx-ux-discussion #page-discussion .item .follows:after, .tx-ux-discussion #page-discussion .item .question:after { content: ""; display: table; } .tx-ux-discussion #page-discussion .item .answer:after, .tx-ux-discussion #page-discussion .item .comment:after, .tx-ux-discussion #page-discussion .item .follows:after, .tx-ux-discussion #page-discussion .item .question:after { clear: both; } .tx-ux-discussion #page-discussion .item .answer .content, .tx-ux-discussion #page-discussion .item .comment .content, .tx-ux-discussion #page-discussion .item .follows .content, .tx-ux-discussion #page-discussion .item .question .content { *zoom: 1; } .tx-ux-discussion #page-discussion .item .answer .content:before, .tx-ux-discussion #page-discussion .item .comment .content:before, .tx-ux-discussion #page-discussion .item .follows .content:before, .tx-ux-discussion #page-discussion .item .question .content:before, .tx-ux-discussion #page-discussion .item .answer .content:after, .tx-ux-discussion #page-discussion .item .comment .content:after, .tx-ux-discussion #page-discussion .item .follows .content:after, .tx-ux-discussion #page-discussion .item .question .content:after { content: ""; display: table; } .tx-ux-discussion #page-discussion .item .answer .content:after, .tx-ux-discussion #page-discussion .item .comment .content:after, .tx-ux-discussion #page-discussion .item .follows .content:after, .tx-ux-discussion #page-discussion .item .question .content:after { clear: both; } .tx-ux-discussion #page-discussion .item .answer .content:before, .tx-ux-discussion #page-discussion .item .comment .content:before, .tx-ux-discussion #page-discussion .item .follows .content:before, .tx-ux-discussion #page-discussion .item .question .content:before, .tx-ux-discussion #page-discussion .item .answer .content:after, .tx-ux-discussion #page-discussion .item .comment .content:after, .tx-ux-discussion #page-discussion .item .follows .content:after, .tx-ux-discussion #page-discussion .item .question .content:after { content: ""; display: table; } .tx-ux-discussion #page-discussion .item .answer .content:after, .tx-ux-discussion #page-discussion .item .comment .content:after, .tx-ux-discussion #page-discussion .item .follows .content:after, .tx-ux-discussion #page-discussion .item .question .content:after { clear: both; } .tx-ux-discussion #page-discussion .item .answer .content h2, .tx-ux-discussion #page-discussion .item .comment .content h2, .tx-ux-discussion #page-discussion .item .follows .content h2, .tx-ux-discussion #page-discussion .item .question .content h2 { margin-top: 0em; margin-right: 70px; } .tx-ux-discussion #page-discussion .item .answer .solved, .tx-ux-discussion #page-discussion .item .comment .solved, .tx-ux-discussion #page-discussion .item .follows .solved, .tx-ux-discussion #page-discussion .item .question .solved { top: 10px; right: -6px; position: absolute; } .tx-ux-discussion #page-discussion .item .answer .tagsAndTime, .tx-ux-discussion #page-discussion .item .comment .tagsAndTime, .tx-ux-discussion #page-discussion .item .follows .tagsAndTime, .tx-ux-discussion #page-discussion .item .question .tagsAndTime { *zoom: 1; margin-top: 1em; margin-bottom: 1em; } .tx-ux-discussion #page-discussion .item .answer .tagsAndTime:before, .tx-ux-discussion #page-discussion .item .comment .tagsAndTime:before, .tx-ux-discussion #page-discussion .item .follows .tagsAndTime:before, .tx-ux-discussion #page-discussion .item .question .tagsAndTime:before, .tx-ux-discussion #page-discussion .item .answer .tagsAndTime:after, .tx-ux-discussion #page-discussion .item .comment .tagsAndTime:after, .tx-ux-discussion #page-discussion .item .follows .tagsAndTime:after, .tx-ux-discussion #page-discussion .item .question .tagsAndTime:after { content: ""; display: table; } .tx-ux-discussion #page-discussion .item .answer .tagsAndTime:after, .tx-ux-discussion #page-discussion .item .comment .tagsAndTime:after, .tx-ux-discussion #page-discussion .item .follows .tagsAndTime:after, .tx-ux-discussion #page-discussion .item .question .tagsAndTime:after { clear: both; } .tx-ux-discussion #page-discussion .item .answer .tagsAndTime:before, .tx-ux-discussion #page-discussion .item .comment .tagsAndTime:before, .tx-ux-discussion #page-discussion .item .follows .tagsAndTime:before, .tx-ux-discussion #page-discussion .item .question .tagsAndTime:before, .tx-ux-discussion #page-discussion .item .answer .tagsAndTime:after, .tx-ux-discussion #page-discussion .item .comment .tagsAndTime:after, .tx-ux-discussion #page-discussion .item .follows .tagsAndTime:after, .tx-ux-discussion #page-discussion .item .question .tagsAndTime:after { content: ""; display: table; } .tx-ux-discussion #page-discussion .item .answer .tagsAndTime:after, .tx-ux-discussion #page-discussion .item .comment .tagsAndTime:after, .tx-ux-discussion #page-discussion .item .follows .tagsAndTime:after, .tx-ux-discussion #page-discussion .item .question .tagsAndTime:after { clear: both; } .tx-ux-discussion #page-discussion .item .answer .tagsAndTime .tags, .tx-ux-discussion #page-discussion .item .comment .tagsAndTime .tags, .tx-ux-discussion #page-discussion .item .follows .tagsAndTime .tags, .tx-ux-discussion #page-discussion .item .question .tagsAndTime .tags { height: 30px; width: auto; float: left; } .tx-ux-discussion #page-discussion .item .answer .tagsAndTime .tags .tagItem, .tx-ux-discussion #page-discussion .item .comment .tagsAndTime .tags .tagItem, .tx-ux-discussion #page-discussion .item .follows .tagsAndTime .tags .tagItem, .tx-ux-discussion #page-discussion .item .question .tagsAndTime .tags .tagItem { background: none repeat scroll 0 0 #eaeadd; color: #333333; display: block; float: left; margin-right: 0.5em; margin-top: 0.5em; padding: 0.5em 1em; } .tx-ux-discussion #page-discussion .item .answer .tagsAndTime .time, .tx-ux-discussion #page-discussion .item .comment .tagsAndTime .time, .tx-ux-discussion #page-discussion .item .follows .tagsAndTime .time, .tx-ux-discussion #page-discussion .item .question .tagsAndTime .time { margin-left: 1em; margin-top: 1em; width: auto; float: left; } .tx-ux-discussion #page-discussion .item .answer .image, .tx-ux-discussion #page-discussion .item .comment .image, .tx-ux-discussion #page-discussion .item .follows .image, .tx-ux-discussion #page-discussion .item .question .image { float: left; padding: 0 1em 0.5em 0; } .tx-ux-discussion #page-discussion .item .answer .image img, .tx-ux-discussion #page-discussion .item .comment .image img, .tx-ux-discussion #page-discussion .item .follows .image img, .tx-ux-discussion #page-discussion .item .question .image img { border: 3px solid #eaeadd; } .tx-ux-discussion #page-discussion .item .answer .name, .tx-ux-discussion #page-discussion .item .comment .name, .tx-ux-discussion #page-discussion .item .follows .name, .tx-ux-discussion #page-discussion .item .question .name { color: #333333; } .tx-ux-discussion #page-discussion .item .answer h2, .tx-ux-discussion #page-discussion .item .comment h2, .tx-ux-discussion #page-discussion .item .follows h2, .tx-ux-discussion #page-discussion .item .question h2, .tx-ux-discussion #page-discussion .item .answer p, .tx-ux-discussion #page-discussion .item .comment p, .tx-ux-discussion #page-discussion .item .follows p, .tx-ux-discussion #page-discussion .item .question p, .tx-ux-discussion #page-discussion .item .answer .answer-result, .tx-ux-discussion #page-discussion .item .comment .answer-result, .tx-ux-discussion #page-discussion .item .follows .answer-result, .tx-ux-discussion #page-discussion .item .question .answer-result { clear: none; text-align: left; } .tx-ux-discussion #page-discussion .item .answer .partner-answer, .tx-ux-discussion #page-discussion .item .comment .partner-answer, .tx-ux-discussion #page-discussion .item .follows .partner-answer, .tx-ux-discussion #page-discussion .item .question .partner-answer { font-weight: bold; } .tx-ux-discussion #page-discussion .item .answer .solution, .tx-ux-discussion #page-discussion .item .comment .solution, .tx-ux-discussion #page-discussion .item .follows .solution, .tx-ux-discussion #page-discussion .item .question .solution { clear: both; font-style: italic; margin: 0.5em 0; text-align: right; } .tx-ux-discussion #page-discussion .item .question { border: 1px solid #eaeadd; padding: 1em; } .tx-ux-discussion #page-discussion .item .admin-panel .button { display: inline-block; margin: 0.5em 1em 0 0; } .tx-ux-discussion #page-discussion .item .admin-panel .button.visibility, .tx-ux-discussion #page-discussion .item .admin-panel .button a { background: #e99009; border: 1px solid #e99009; color: #fff; cursor: pointer; display: inline-block; font-family: 'signika', sans-serif; font-weight: bold; padding: 5px 10px; position: relative; text-decoration: none; text-transform: uppercase; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; white-space: nowrap; } .tx-ux-discussion #page-discussion .item .admin-panel .button.visibility:hover, .tx-ux-discussion #page-discussion .item .admin-panel .button a:hover { background: #f69d16; border: 1px solid #e99009; } .tx-ux-discussion #page-discussion .item .admin-panel .button.visibility:active, .tx-ux-discussion #page-discussion .item .admin-panel .button a:active { -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); } .tx-ux-discussion #page-discussion .item .answer-count { background: url('../..//typo3conf/ext/site_assets/res/img/faq_fold.png') no-repeat; background-position: right -23px; cursor: pointer; display: inline-block; margin: 1em 0 1.5em 0; padding-right: 26px; } .tx-ux-discussion #page-discussion .item .answer-count.open { background-position: right -3px; } .tx-ux-discussion #page-discussion .item .infoRight { float: right; width: auto; } .tx-ux-discussion #page-discussion .item .answers, .tx-ux-discussion #page-discussion .item .follows { display: none; } .tx-ux-discussion #page-discussion .item .answers .answer, .tx-ux-discussion #page-discussion .item .follows .answer, .tx-ux-discussion #page-discussion .item .answers .follow, .tx-ux-discussion #page-discussion .item .follows .follow { margin: 1em 0 0 0px; } .tx-ux-discussion #page-discussion .item .answers .answer:nth-child(n+2), .tx-ux-discussion #page-discussion .item .follows .answer:nth-child(n+2), .tx-ux-discussion #page-discussion .item .answers .follow:nth-child(n+2), .tx-ux-discussion #page-discussion .item .follows .follow:nth-child(n+2) { border-top: 1px solid #eaeadd; padding-top: 1em; } .tx-ux-discussion #page-discussion .item .answers .answer:nth-last-child(1), .tx-ux-discussion #page-discussion .item .follows .answer:nth-last-child(1), .tx-ux-discussion #page-discussion .item .answers .follow:nth-last-child(1), .tx-ux-discussion #page-discussion .item .follows .follow:nth-last-child(1) { margin: 0; } .tx-ux-discussion #page-discussion .more-content .item { border-top: 1px solid #eaeadd; margin-bottom: 1em; padding-top: 1em; } .tx-ux-discussion #page-discussion .more-content .item:nth-last-child(1) { margin: 0; } .tx-ux-discussion #page-discussion .more { background: url('../..//typo3conf/ext/site_assets/res/img/faq_more.png') top center no-repeat; cursor: pointer; height: 45px; margin: 0 auto; text-align: center; } .tx-ux-discussion #page-discussion .more .label { background: #fff; display: inline-block; font-weight: bold; height: 16px; padding: 0 15px; } .tx-ux-discussion #page-discussion .faq_filter { padding-left: 10px; } .tx-ux-discussion #page-discussion .faq_filter h3 { margin: 1em 0 0; padding: 0; } .tx-ux-discussion #page-discussion .faq_filter .theme_item { background: none repeat scroll 0 0 transparent; border-bottom: 1px solid #EAEADD; font-size: 1.166em; height: 35px; line-height: 35px; list-style-type: none; margin: 0; padding: 0; } .tx-ux-discussion #page-discussion .faq_filter .theme_item a { color: #333333; display: block; float: left; height: 35px; outline: medium none; padding-left: 15px; width: 250px; } .tx-ux-discussion #page-discussion .faq_filter .active_0 { background: none repeat scroll 0 0 #EAEADD; } .tx-ux-discussion #page-discussion .faq_filter .active { background: none repeat scroll 0 0 #EAEADD; } .tx-ux-discussion #page-discussion .sorting { line-height: 18px; } .tx-ux-discussion #page-discussion .sorting div { width: 100px; float: right; } .tx-ux-discussion #page-discussion .sorting a { color: #333333; display: inline-block; font-size: 14px; line-height: 18px; margin-left: 10px; padding: 0 0 0 16px; } .tx-ux-discussion #page-discussion .sorting .field_asc_active a { background: url('../..//typo3conf/ext/site_assets/res/img/faq_filter_asc.png') no-repeat scroll left center transparent; } .tx-ux-discussion #page-discussion .sorting .field_desc_active a { background: url('../..//typo3conf/ext/site_assets/res/img/faq_filter_desc.png') no-repeat scroll left center transparent; } .tx-ux-discussion .infobox.questions { position: relative; } .tx-ux-discussion .infobox.questions h2 { padding: 0 !important; } .tx-ux-discussion .infobox.questions .advice { font-style: italic; } .tx-ux-discussion .infobox.questions .switch { font-size: 16px; position: absolute; right: 20px; top: 18px; } .tx-ux-discussion .infobox.questions .item { border-top: 1px solid #eaeadd; margin: 8px 0 8px 0; padding: 6px 0; } .tx-ux-discussion .infobox.questions .item .title { font-size: 1.1em; font-weight: bold; } .tx-ux-discussion .infobox.questions .item .author { color: #93934a; } .tx-ux-discussion .infobox.questions .item .answers { color: #93934a; margin-top: 6px; text-align: right; } /* ux_rating */ .tx-ux-rating { clear: both; margin: 6px 0; text-align: right; } .tx-ux-rating.page .value, .tx-ux-rating.questrate .value { background-color: #fff; border: 1px solid #eaeadd; box-shadow: 2px 2px 3px #eaeaea; display: inline-block; margin-right: 12px; padding: 2px 10px; text-align: left; width: 28px; } .tx-ux-rating.page { margin-bottom: 1em; } .tx-ux-rating .button { background: #e99009; border: 1px solid #e99009; color: #fff; cursor: pointer; display: inline-block; font-family: 'signika', sans-serif; font-weight: bold; padding: 5px 10px; position: relative; text-decoration: none; text-transform: uppercase; -webkit-transition: background 0.2s ease-in-out; -moz-transition: background 0.2s ease-in-out; transition: background 0.2s ease-in-out; white-space: nowrap; padding: 2px 5px; } .tx-ux-rating .button:hover { background: #f69d16; border: 1px solid #e99009; } .tx-ux-rating .button:active { -webkit-box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); box-shadow: inset 0 1px 2px 0 rgba(0, 0, 0, 0.3); } .tx-ux-rating.answer-rate .info, .tx-ux-rating.checkSolved .info { display: inline-block; } .tx-ux-rating.answer-result .value { background-color: #fff; display: inline-block; font-size: 16px; font-weight: 700; margin-right: 12px; text-align: left; } /* ux_register */ .tx-ux-register .error { color: red; } .tx-ux-register .f3-form-error { border: 1px solid red; } .tx-ux-register div.checkboxImage { padding: 5px 0 10px 0; } .tx-ux-register div.checkboxImage img { float: left; margin-right: 10px; } .tx-ux-register div.checkboxImage input { margin-right: 10px; } .tx-ux-register div.checkbox .error { clear: both; } .tx-ux-register div.submit { margin-top: 1em; } .tx-ux-register div.image { margin-top: 10px; padding-left: 213px; } .tx-ux-register .socialButtons a { display: inline-block; height: 25px; line-height: 26px; margin-right: 10px; padding: 0 20px 0 35px; width: 45px; } .tx-ux-register .socialButtons a:hover { text-decoration: none; } .tx-ux-register .socialButtons a.facebook { background: url('../..//typo3conf/ext/site_assets/res/img/facebook_button.png') no-repeat; border-right: 1px solid #27427f; color: #fff; } .tx-ux-register .socialButtons a.xing { background: url('../..//typo3conf/ext/site_assets/res/img/xing_button.png') no-repeat; border-right: 1px solid #cccccc; color: #000; } .tx-ux-register .socialButtons a.linkedIn { background: url('../..//typo3conf/ext/site_assets/res/img/linkedin_button.png') no-repeat; color: #fff; } .tx-ux-register p.back { display: block; margin-top: 30px; } .tx-ux-register .newsletterHidden { display: none; } .tx-ux-register-login { padding: 10px; } .tx-ux-register-login p { padding-bottom: 10px; } .tx-ux-register-login p.header { font-family: 'signika', sans-serif; font-weight: bold; text-transform: uppercase; } .tx-ux-register-login div.left { border: none; float: left; margin: 0; width: 50%; } .tx-ux-register-login div.left div, .tx-ux-register-login div.left p { padding-bottom: 1em; } .tx-ux-register-login div.right { float: right; width: 50%; } .tx-ux-register-login div.right .button { margin-right: 15px; } @media only screen { } @media only screen and (max-width: 30em) { .tx-ux-register-login div.left, .tx-ux-register-login div.right { float: none; width: auto; } } .tx-ux-register-login div.register { clear: both; padding: 10px 0; text-align: center; } /* yag gallery */ .tx-yag-pi1.theme-defaultDach { display: inline; float: left; margin: 0 2.684563758389262% 0 0; width: 77.18120805369128%; *width: 77.13120805369128%; *margin: 0 2.634563758389262% 0 0; margin-left: 11.409395973154362%; } .tx-yag-pi1.theme-defaultDach .tx-yag-singleview { padding: 0 10px; text-align: left; } .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-image { text-align: center; } .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-image img { background: none; border: none; margin: 0; padding: 0; } .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx_yag-single-title { font: 1.166em 'signika', sans-serif; margin-bottom: 1em; text-align: center; } .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx_yag-single-description { margin-top: 0.5em; text-align: center; } .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-navigator { position: relative; text-align: center; } .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-navigator div { float: none; display: inline-block; width: auto; } .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-navigator .tx-yag-current { padding: 0 1em; } .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-navigator .tx-yag-related-article img, .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-navigator .tx-yag-album-overview img, .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-navigator .tx-yag-previous img, .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-navigator .tx-yag-next img { background: url('../..//typo3conf/ext/site_assets/res/img/sprite_pager.png'); vertical-align: middle; } .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-navigator .tx-yag-related-article { margin-right: 1em; position: absolute; left: 0; } .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-navigator .tx-yag-related-article img { background-position: -28px 0; } @media only screen { } @media only screen and (min-width: 1em) and (max-width: 20em) { .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-navigator .tx-yag-related-article { margin: 0; position: static; text-align: left; width: 100%; } } @media only screen and (min-width: 20.1em) and (max-width: 48em) { .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-navigator .tx-yag-related-article { margin: 0; position: static; text-align: left; width: 47%; } } .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-navigator .tx-yag-album-overview { margin-left: 1em; position: absolute; right: 0; } .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-navigator .tx-yag-album-overview img { background-position: -42px 0; } @media only screen { } @media only screen and (min-width: 1em) and (max-width: 20em) { .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-navigator .tx-yag-album-overview { margin: 0; position: static; text-align: right; width: 100%; } } @media only screen and (min-width: 20.1em) and (max-width: 48em) { .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-navigator .tx-yag-album-overview { margin: 0; position: static; text-align: right; width: 47%; } } .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-navigator .tx-yag-previous img { background-position: 0 0; } .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-navigator .tx-yag-previous img.disabled { background-position: 0 -11px; } .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-navigator .tx-yag-next img { background-position: -14px 0; } .tx-yag-pi1.theme-defaultDach .tx-yag-singleview .tx-yag-navigator .tx-yag-next img.disabled { background-position: -14px -11px; }