/**
 * @project     X4
 * @version     5.877
 * @author      Pascal Lehwark 
 * @since       2011
 * @file        x4.css
 * @contact     pascal[at]ntzwrk.de
 * @licstart  
 * 
 * Copyright (c) 2011 Pascal Lehwark
 * 
 * No warranty, explicit or implicit, provided.
 * In no event shall the author be liable for any claim or damages.
 * All rights reserved. This is proprietary software.
 * 
 * This software makes use of several 3rd-party software.
 * 
 * see x4-license.html (in the webroot-folder of this installation)
 * for more information.
 * 
 * @licend 
 */
.next,.prev,.one{ background: rgba(0,0,0,0.3); display: block; left: 0; position: absolute; top: 50%; z-index: 10; height: 4em; margin-top: -2em; color: white; width: 3em; text-align: center; line-height: 4em; display: none; } .photoshow:hover .prev,.photoshow:hover .next{ display: block; } .next{ left:auto; right:0; } .next i,.prev i{ font-size: 150%; } .next:hover,.prev:hover{ background: rgba(255,255,255,0.7); color: black; } .one{ top:0; right:0; height:3em; left: auto; margin-top: 0; line-height: 3em; display: none; } .hsl_first{ position:absolute; right:0; top:0; display:block; background:darkred; color:white; left:50%; bottom:0; z-index:10; } .hsl_busy{ position:absolute; /*border:2px solid black;*/ left:48%; right:48%; top:48%; width:4%; height:4%; /*background:orange;*/ z-index:2; background-image:url("media/grafik/ajax.png"); background-position:center; background-repeat:no-repeat; background-size:contain; } html,body{ height:100%; } .hsl_base{ margin:0; padding:0; position:absolute; left:0; right:0; top:0; bottom:0; /* width:100%; */ /* height:100%; */ /* border:1px solid red; */ /* width:70%; */ /* height:50%; */ /* margin-left:10em; */ overflow:hidden; background:white; z-index:1; } .hsl_triplet{ margin:0; padding:0; position:absolute; /* border:1px solid blue; */ width:500%; height:100%; left:-200%; -webkit-backface-visibility: hidden; top:0; } .hsl_frame{ margin:0; /*border:1px solid green;*/ padding:0; /* background:red; */ position:static; width:20%; height:100%; display:inline-block; /* background-image:url("pics/1.jpg"); */ background-position:center; background-repeat:no-repeat; background-size:contain; background-color:white; -webkit-backface-visibility: hidden; z-index:1; /* float:left; */ } .hsl_fadeframe{ /*border:1px solid red; */ position:absolute; left:0; top:0; right:0; bottom:0; z-index:2; background-position:center; background-repeat:no-repeat; background-size:contain; background-color:white; opacity:0; display:none; -webkit-backface-visibility: hidden; /* background:red; */ } 
/*! * Font Awesome 4.4.0 by @davegandy - http://fontawesome.io - @fontawesome * License - http://fontawesome.io/license (Font: SIL OFL 1.1, CSS: MIT License) */ /* FONT PATH * -------------------------- */ @font-face { font-family: 'FontAwesome'; src: url('./fonts/fontawesome-webfont.woff?v=4.4.0'); src: url('./fonts/fontawesome-webfont.eot?v=4.4.0'); src: url('./fonts/fontawesome-webfont.eot?#iefix&v=4.4.0') format('embedded-opentype'), url('./fonts/fontawesome-webfont.woff2?v=4.4.0') format('woff2'), url('./fonts/fontawesome-webfont.woff?v=4.4.0') format('woff'), url('./fonts/fontawesome-webfont.ttf?v=4.4.0') format('truetype'), url('./fonts/fontawesome-webfont.svg?v=4.4.0#fontawesomeregular') format('svg'); font-weight: normal; font-style: normal; } .fa { display: inline-block; font: normal normal normal 14px/1 FontAwesome; font-size: inherit; text-rendering: auto; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } /* makes the font 33% larger relative to the icon container */ .fa-lg { font-size: 1.33333333em; line-height: 0.75em; vertical-align: -15%; } .fa-2x { font-size: 2em; } .fa-3x { font-size: 3em; } .fa-4x { font-size: 4em; } .fa-5x { font-size: 5em; } .fa-fw { width: 1.28571429em; text-align: center; } .fa-ul { padding-left: 0; margin-left: 2.14285714em; list-style-type: none; } .fa-ul > li { position: relative; } .fa-li { position: absolute; left: -2.14285714em; width: 2.14285714em; top: 0.14285714em; text-align: center; } .fa-li.fa-lg { left: -1.85714286em; } .fa-border { padding: .2em .25em .15em; border: solid 0.08em #eeeeee; border-radius: .1em; } .fa-pull-left { float: left; } .fa-pull-right { float: right; } .fa.fa-pull-left { margin-right: .3em; } .fa.fa-pull-right { margin-left: .3em; } /* Deprecated as of 4.4.0 */ .pull-right { float: right; } .pull-left { float: left; } .fa.pull-left { margin-right: .3em; } .fa.pull-right { margin-left: .3em; } .fa-spin { -webkit-animation: fa-spin 2s infinite linear; animation: fa-spin 2s infinite linear; } .fa-pulse { -webkit-animation: fa-spin 1s infinite steps(8); animation: fa-spin 1s infinite steps(8); } @-webkit-keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } @keyframes fa-spin { 0% { -webkit-transform: rotate(0deg); transform: rotate(0deg); } 100% { -webkit-transform: rotate(359deg); transform: rotate(359deg); } } .fa-rotate-90 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=1); -webkit-transform: rotate(90deg); -ms-transform: rotate(90deg); transform: rotate(90deg); } .fa-rotate-180 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2); -webkit-transform: rotate(180deg); -ms-transform: rotate(180deg); transform: rotate(180deg); } .fa-rotate-270 { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3); -webkit-transform: rotate(270deg); -ms-transform: rotate(270deg); transform: rotate(270deg); } .fa-flip-horizontal { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=0, mirror=1); -webkit-transform: scale(-1, 1); -ms-transform: scale(-1, 1); transform: scale(-1, 1); } .fa-flip-vertical { filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2, mirror=1); -webkit-transform: scale(1, -1); -ms-transform: scale(1, -1); transform: scale(1, -1); } :root .fa-rotate-90, :root .fa-rotate-180, :root .fa-rotate-270, :root .fa-flip-horizontal, :root .fa-flip-vertical { filter: none; } .fa-stack { position: relative; display: inline-block; width: 2em; height: 2em; line-height: 2em; vertical-align: middle; } .fa-stack-1x, .fa-stack-2x { position: absolute; left: 0; width: 100%; text-align: center; } .fa-stack-1x { line-height: inherit; } .fa-stack-2x { font-size: 2em; } .fa-inverse { color: #ffffff; } /* Font Awesome uses the Unicode Private Use Area (PUA) to ensure screen readers do not read off random characters that represent icons */ .fa-glass:before { content: "\f000"; } .fa-music:before { content: "\f001"; } .fa-search:before { content: "\f002"; } .fa-envelope-o:before { content: "\f003"; } .fa-heart:before { content: "\f004"; } .fa-star:before { content: "\f005"; } .fa-star-o:before { content: "\f006"; } .fa-user:before { content: "\f007"; } .fa-film:before { content: "\f008"; } .fa-th-large:before { content: "\f009"; } .fa-th:before { content: "\f00a"; } .fa-th-list:before { content: "\f00b"; } .fa-check:before { content: "\f00c"; } .fa-remove:before, .fa-close:before, .fa-times:before { content: "\f00d"; } .fa-search-plus:before { content: "\f00e"; } .fa-search-minus:before { content: "\f010"; } .fa-power-off:before { content: "\f011"; } .fa-signal:before { content: "\f012"; } .fa-gear:before, .fa-cog:before { content: "\f013"; } .fa-trash-o:before { content: "\f014"; } .fa-home:before { content: "\f015"; } .fa-file-o:before { content: "\f016"; } .fa-clock-o:before { content: "\f017"; } .fa-road:before { content: "\f018"; } .fa-download:before { content: "\f019"; } .fa-arrow-circle-o-down:before { content: "\f01a"; } .fa-arrow-circle-o-up:before { content: "\f01b"; } .fa-inbox:before { content: "\f01c"; } .fa-play-circle-o:before { content: "\f01d"; } .fa-rotate-right:before, .fa-repeat:before { content: "\f01e"; } .fa-refresh:before { content: "\f021"; } .fa-list-alt:before { content: "\f022"; } .fa-lock:before { content: "\f023"; } .fa-flag:before { content: "\f024"; } .fa-headphones:before { content: "\f025"; } .fa-volume-off:before { content: "\f026"; } .fa-volume-down:before { content: "\f027"; } .fa-volume-up:before { content: "\f028"; } .fa-qrcode:before { content: "\f029"; } .fa-barcode:before { content: "\f02a"; } .fa-tag:before { content: "\f02b"; } .fa-tags:before { content: "\f02c"; } .fa-book:before { content: "\f02d"; } .fa-bookmark:before { content: "\f02e"; } .fa-print:before { content: "\f02f"; } .fa-camera:before { content: "\f030"; } .fa-font:before { content: "\f031"; } .fa-bold:before { content: "\f032"; } .fa-italic:before { content: "\f033"; } .fa-text-height:before { content: "\f034"; } .fa-text-width:before { content: "\f035"; } .fa-align-left:before { content: "\f036"; } .fa-align-center:before { content: "\f037"; } .fa-align-right:before { content: "\f038"; } .fa-align-justify:before { content: "\f039"; } .fa-list:before { content: "\f03a"; } .fa-dedent:before, .fa-outdent:before { content: "\f03b"; } .fa-indent:before { content: "\f03c"; } .fa-video-camera:before { content: "\f03d"; } .fa-photo:before, .fa-image:before, .fa-picture-o:before { content: "\f03e"; } .fa-pencil:before { content: "\f040"; } .fa-map-marker:before { content: "\f041"; } .fa-adjust:before { content: "\f042"; } .fa-tint:before { content: "\f043"; } .fa-edit:before, .fa-pencil-square-o:before { content: "\f044"; } .fa-share-square-o:before { content: "\f045"; } .fa-check-square-o:before { content: "\f046"; } .fa-arrows:before { content: "\f047"; } .fa-step-backward:before { content: "\f048"; } .fa-fast-backward:before { content: "\f049"; } .fa-backward:before { content: "\f04a"; } .fa-play:before { content: "\f04b"; } .fa-pause:before { content: "\f04c"; } .fa-stop:before { content: "\f04d"; } .fa-forward:before { content: "\f04e"; } .fa-fast-forward:before { content: "\f050"; } .fa-step-forward:before { content: "\f051"; } .fa-eject:before { content: "\f052"; } .fa-chevron-left:before { content: "\f053"; } .fa-chevron-right:before { content: "\f054"; } .fa-plus-circle:before { content: "\f055"; } .fa-minus-circle:before { content: "\f056"; } .fa-times-circle:before { content: "\f057"; } .fa-check-circle:before { content: "\f058"; } .fa-question-circle:before { content: "\f059"; } .fa-info-circle:before { content: "\f05a"; } .fa-crosshairs:before { content: "\f05b"; } .fa-times-circle-o:before { content: "\f05c"; } .fa-check-circle-o:before { content: "\f05d"; } .fa-ban:before { content: "\f05e"; } .fa-arrow-left:before { content: "\f060"; } .fa-arrow-right:before { content: "\f061"; } .fa-arrow-up:before { content: "\f062"; } .fa-arrow-down:before { content: "\f063"; } .fa-mail-forward:before, .fa-share:before { content: "\f064"; } .fa-expand:before { content: "\f065"; } .fa-compress:before { content: "\f066"; } .fa-plus:before { content: "\f067"; } .fa-minus:before { content: "\f068"; } .fa-asterisk:before { content: "\f069"; } .fa-exclamation-circle:before { content: "\f06a"; } .fa-gift:before { content: "\f06b"; } .fa-leaf:before { content: "\f06c"; } .fa-fire:before { content: "\f06d"; } .fa-eye:before { content: "\f06e"; } .fa-eye-slash:before { content: "\f070"; } .fa-warning:before, .fa-exclamation-triangle:before { content: "\f071"; } .fa-plane:before { content: "\f072"; } .fa-calendar:before { content: "\f073"; } .fa-random:before { content: "\f074"; } .fa-comment:before { content: "\f075"; } .fa-magnet:before { content: "\f076"; } .fa-chevron-up:before { content: "\f077"; } .fa-chevron-down:before { content: "\f078"; } .fa-retweet:before { content: "\f079"; } .fa-shopping-cart:before { content: "\f07a"; } .fa-folder:before { content: "\f07b"; } .fa-folder-open:before { content: "\f07c"; } .fa-arrows-v:before { content: "\f07d"; } .fa-arrows-h:before { content: "\f07e"; } .fa-bar-chart-o:before, .fa-bar-chart:before { content: "\f080"; } .fa-twitter-square:before { content: "\f081"; } .fa-facebook-square:before { content: "\f082"; } .fa-camera-retro:before { content: "\f083"; } .fa-key:before { content: "\f084"; } .fa-gears:before, .fa-cogs:before { content: "\f085"; } .fa-comments:before { content: "\f086"; } .fa-thumbs-o-up:before { content: "\f087"; } .fa-thumbs-o-down:before { content: "\f088"; } .fa-star-half:before { content: "\f089"; } .fa-heart-o:before { content: "\f08a"; } .fa-sign-out:before { content: "\f08b"; } .fa-linkedin-square:before { content: "\f08c"; } .fa-thumb-tack:before { content: "\f08d"; } .fa-external-link:before { content: "\f08e"; } .fa-sign-in:before { content: "\f090"; } .fa-trophy:before { content: "\f091"; } .fa-github-square:before { content: "\f092"; } .fa-upload:before { content: "\f093"; } .fa-lemon-o:before { content: "\f094"; } .fa-phone:before { content: "\f095"; } .fa-square-o:before { content: "\f096"; } .fa-bookmark-o:before { content: "\f097"; } .fa-phone-square:before { content: "\f098"; } .fa-twitter:before { content: "\f099"; } .fa-facebook-f:before, .fa-facebook:before { content: "\f09a"; } .fa-github:before { content: "\f09b"; } .fa-unlock:before { content: "\f09c"; } .fa-credit-card:before { content: "\f09d"; } .fa-feed:before, .fa-rss:before { content: "\f09e"; } .fa-hdd-o:before { content: "\f0a0"; } .fa-bullhorn:before { content: "\f0a1"; } .fa-bell:before { content: "\f0f3"; } .fa-certificate:before { content: "\f0a3"; } .fa-hand-o-right:before { content: "\f0a4"; } .fa-hand-o-left:before { content: "\f0a5"; } .fa-hand-o-up:before { content: "\f0a6"; } .fa-hand-o-down:before { content: "\f0a7"; } .fa-arrow-circle-left:before { content: "\f0a8"; } .fa-arrow-circle-right:before { content: "\f0a9"; } .fa-arrow-circle-up:before { content: "\f0aa"; } .fa-arrow-circle-down:before { content: "\f0ab"; } .fa-globe:before { content: "\f0ac"; } .fa-wrench:before { content: "\f0ad"; } .fa-tasks:before { content: "\f0ae"; } .fa-filter:before { content: "\f0b0"; } .fa-briefcase:before { content: "\f0b1"; } .fa-arrows-alt:before { content: "\f0b2"; } .fa-group:before, .fa-users:before { content: "\f0c0"; } .fa-chain:before, .fa-link:before { content: "\f0c1"; } .fa-cloud:before { content: "\f0c2"; } .fa-flask:before { content: "\f0c3"; } .fa-cut:before, .fa-scissors:before { content: "\f0c4"; } .fa-copy:before, .fa-files-o:before { content: "\f0c5"; } .fa-paperclip:before { content: "\f0c6"; } .fa-save:before, .fa-floppy-o:before { content: "\f0c7"; } .fa-square:before { content: "\f0c8"; } .fa-navicon:before, .fa-reorder:before, .fa-bars:before { content: "\f0c9"; } .fa-list-ul:before { content: "\f0ca"; } .fa-list-ol:before { content: "\f0cb"; } .fa-strikethrough:before { content: "\f0cc"; } .fa-underline:before { content: "\f0cd"; } .fa-table:before { content: "\f0ce"; } .fa-magic:before { content: "\f0d0"; } .fa-truck:before { content: "\f0d1"; } .fa-pinterest:before { content: "\f0d2"; } .fa-pinterest-square:before { content: "\f0d3"; } .fa-google-plus-square:before { content: "\f0d4"; } .fa-google-plus:before { content: "\f0d5"; } .fa-money:before { content: "\f0d6"; } .fa-caret-down:before { content: "\f0d7"; } .fa-caret-up:before { content: "\f0d8"; } .fa-caret-left:before { content: "\f0d9"; } .fa-caret-right:before { content: "\f0da"; } .fa-columns:before { content: "\f0db"; } .fa-unsorted:before, .fa-sort:before { content: "\f0dc"; } .fa-sort-down:before, .fa-sort-desc:before { content: "\f0dd"; } .fa-sort-up:before, .fa-sort-asc:before { content: "\f0de"; } .fa-envelope:before { content: "\f0e0"; } .fa-linkedin:before { content: "\f0e1"; } .fa-rotate-left:before, .fa-undo:before { content: "\f0e2"; } .fa-legal:before, .fa-gavel:before { content: "\f0e3"; } .fa-dashboard:before, .fa-tachometer:before { content: "\f0e4"; } .fa-comment-o:before { content: "\f0e5"; } .fa-comments-o:before { content: "\f0e6"; } .fa-flash:before, .fa-bolt:before { content: "\f0e7"; } .fa-sitemap:before { content: "\f0e8"; } .fa-umbrella:before { content: "\f0e9"; } .fa-paste:before, .fa-clipboard:before { content: "\f0ea"; } .fa-lightbulb-o:before { content: "\f0eb"; } .fa-exchange:before { content: "\f0ec"; } .fa-cloud-download:before { content: "\f0ed"; } .fa-cloud-upload:before { content: "\f0ee"; } .fa-user-md:before { content: "\f0f0"; } .fa-stethoscope:before { content: "\f0f1"; } .fa-suitcase:before { content: "\f0f2"; } .fa-bell-o:before { content: "\f0a2"; } .fa-coffee:before { content: "\f0f4"; } .fa-cutlery:before { content: "\f0f5"; } .fa-file-text-o:before { content: "\f0f6"; } .fa-building-o:before { content: "\f0f7"; } .fa-hospital-o:before { content: "\f0f8"; } .fa-ambulance:before { content: "\f0f9"; } .fa-medkit:before { content: "\f0fa"; } .fa-fighter-jet:before { content: "\f0fb"; } .fa-beer:before { content: "\f0fc"; } .fa-h-square:before { content: "\f0fd"; } .fa-plus-square:before { content: "\f0fe"; } .fa-angle-double-left:before { content: "\f100"; } .fa-angle-double-right:before { content: "\f101"; } .fa-angle-double-up:before { content: "\f102"; } .fa-angle-double-down:before { content: "\f103"; } .fa-angle-left:before { content: "\f104"; } .fa-angle-right:before { content: "\f105"; } .fa-angle-up:before { content: "\f106"; } .fa-angle-down:before { content: "\f107"; } .fa-desktop:before { content: "\f108"; } .fa-laptop:before { content: "\f109"; } .fa-tablet:before { content: "\f10a"; } .fa-mobile-phone:before, .fa-mobile:before { content: "\f10b"; } .fa-circle-o:before { content: "\f10c"; } .fa-quote-left:before { content: "\f10d"; } .fa-quote-right:before { content: "\f10e"; } .fa-spinner:before { content: "\f110"; } .fa-circle:before { content: "\f111"; } .fa-mail-reply:before, .fa-reply:before { content: "\f112"; } .fa-github-alt:before { content: "\f113"; } .fa-folder-o:before { content: "\f114"; } .fa-folder-open-o:before { content: "\f115"; } .fa-smile-o:before { content: "\f118"; } .fa-frown-o:before { content: "\f119"; } .fa-meh-o:before { content: "\f11a"; } .fa-gamepad:before { content: "\f11b"; } .fa-keyboard-o:before { content: "\f11c"; } .fa-flag-o:before { content: "\f11d"; } .fa-flag-checkered:before { content: "\f11e"; } .fa-terminal:before { content: "\f120"; } .fa-code:before { content: "\f121"; } .fa-mail-reply-all:before, .fa-reply-all:before { content: "\f122"; } .fa-star-half-empty:before, .fa-star-half-full:before, .fa-star-half-o:before { content: "\f123"; } .fa-location-arrow:before { content: "\f124"; } .fa-crop:before { content: "\f125"; } .fa-code-fork:before { content: "\f126"; } .fa-unlink:before, .fa-chain-broken:before { content: "\f127"; } .fa-question:before { content: "\f128"; } .fa-info:before { content: "\f129"; } .fa-exclamation:before { content: "\f12a"; } .fa-superscript:before { content: "\f12b"; } .fa-subscript:before { content: "\f12c"; } .fa-eraser:before { content: "\f12d"; } .fa-puzzle-piece:before { content: "\f12e"; } .fa-microphone:before { content: "\f130"; } .fa-microphone-slash:before { content: "\f131"; } .fa-shield:before { content: "\f132"; } .fa-calendar-o:before { content: "\f133"; } .fa-fire-extinguisher:before { content: "\f134"; } .fa-rocket:before { content: "\f135"; } .fa-maxcdn:before { content: "\f136"; } .fa-chevron-circle-left:before { content: "\f137"; } .fa-chevron-circle-right:before { content: "\f138"; } .fa-chevron-circle-up:before { content: "\f139"; } .fa-chevron-circle-down:before { content: "\f13a"; } .fa-html5:before { content: "\f13b"; } .fa-css3:before { content: "\f13c"; } .fa-anchor:before { content: "\f13d"; } .fa-unlock-alt:before { content: "\f13e"; } .fa-bullseye:before { content: "\f140"; } .fa-ellipsis-h:before { content: "\f141"; } .fa-ellipsis-v:before { content: "\f142"; } .fa-rss-square:before { content: "\f143"; } .fa-play-circle:before { content: "\f144"; } .fa-ticket:before { content: "\f145"; } .fa-minus-square:before { content: "\f146"; } .fa-minus-square-o:before { content: "\f147"; } .fa-level-up:before { content: "\f148"; } .fa-level-down:before { content: "\f149"; } .fa-check-square:before { content: "\f14a"; } .fa-pencil-square:before { content: "\f14b"; } .fa-external-link-square:before { content: "\f14c"; } .fa-share-square:before { content: "\f14d"; } .fa-compass:before { content: "\f14e"; } .fa-toggle-down:before, .fa-caret-square-o-down:before { content: "\f150"; } .fa-toggle-up:before, .fa-caret-square-o-up:before { content: "\f151"; } .fa-toggle-right:before, .fa-caret-square-o-right:before { content: "\f152"; } .fa-euro:before, .fa-eur:before { content: "\f153"; } .fa-gbp:before { content: "\f154"; } .fa-dollar:before, .fa-usd:before { content: "\f155"; } .fa-rupee:before, .fa-inr:before { content: "\f156"; } .fa-cny:before, .fa-rmb:before, .fa-yen:before, .fa-jpy:before { content: "\f157"; } .fa-ruble:before, .fa-rouble:before, .fa-rub:before { content: "\f158"; } .fa-won:before, .fa-krw:before { content: "\f159"; } .fa-bitcoin:before, .fa-btc:before { content: "\f15a"; } .fa-file:before { content: "\f15b"; } .fa-file-text:before { content: "\f15c"; } .fa-sort-alpha-asc:before { content: "\f15d"; } .fa-sort-alpha-desc:before { content: "\f15e"; } .fa-sort-amount-asc:before { content: "\f160"; } .fa-sort-amount-desc:before { content: "\f161"; } .fa-sort-numeric-asc:before { content: "\f162"; } .fa-sort-numeric-desc:before { content: "\f163"; } .fa-thumbs-up:before { content: "\f164"; } .fa-thumbs-down:before { content: "\f165"; } .fa-youtube-square:before { content: "\f166"; } .fa-youtube:before { content: "\f167"; } .fa-xing:before { content: "\f168"; } .fa-xing-square:before { content: "\f169"; } .fa-youtube-play:before { content: "\f16a"; } .fa-dropbox:before { content: "\f16b"; } .fa-stack-overflow:before { content: "\f16c"; } .fa-instagram:before { content: "\f16d"; } .fa-flickr:before { content: "\f16e"; } .fa-adn:before { content: "\f170"; } .fa-bitbucket:before { content: "\f171"; } .fa-bitbucket-square:before { content: "\f172"; } .fa-tumblr:before { content: "\f173"; } .fa-tumblr-square:before { content: "\f174"; } .fa-long-arrow-down:before { content: "\f175"; } .fa-long-arrow-up:before { content: "\f176"; } .fa-long-arrow-left:before { content: "\f177"; } .fa-long-arrow-right:before { content: "\f178"; } .fa-apple:before { content: "\f179"; } .fa-windows:before { content: "\f17a"; } .fa-android:before { content: "\f17b"; } .fa-linux:before { content: "\f17c"; } .fa-dribbble:before { content: "\f17d"; } .fa-skype:before { content: "\f17e"; } .fa-foursquare:before { content: "\f180"; } .fa-trello:before { content: "\f181"; } .fa-female:before { content: "\f182"; } .fa-male:before { content: "\f183"; } .fa-gittip:before, .fa-gratipay:before { content: "\f184"; } .fa-sun-o:before { content: "\f185"; } .fa-moon-o:before { content: "\f186"; } .fa-archive:before { content: "\f187"; } .fa-bug:before { content: "\f188"; } .fa-vk:before { content: "\f189"; } .fa-weibo:before { content: "\f18a"; } .fa-renren:before { content: "\f18b"; } .fa-pagelines:before { content: "\f18c"; } .fa-stack-exchange:before { content: "\f18d"; } .fa-arrow-circle-o-right:before { content: "\f18e"; } .fa-arrow-circle-o-left:before { content: "\f190"; } .fa-toggle-left:before, .fa-caret-square-o-left:before { content: "\f191"; } .fa-dot-circle-o:before { content: "\f192"; } .fa-wheelchair:before { content: "\f193"; } .fa-vimeo-square:before { content: "\f194"; } .fa-turkish-lira:before, .fa-try:before { content: "\f195"; } .fa-plus-square-o:before { content: "\f196"; } .fa-space-shuttle:before { content: "\f197"; } .fa-slack:before { content: "\f198"; } .fa-envelope-square:before { content: "\f199"; } .fa-wordpress:before { content: "\f19a"; } .fa-openid:before { content: "\f19b"; } .fa-institution:before, .fa-bank:before, .fa-university:before { content: "\f19c"; } .fa-mortar-board:before, .fa-graduation-cap:before { content: "\f19d"; } .fa-yahoo:before { content: "\f19e"; } .fa-google:before { content: "\f1a0"; } .fa-reddit:before { content: "\f1a1"; } .fa-reddit-square:before { content: "\f1a2"; } .fa-stumbleupon-circle:before { content: "\f1a3"; } .fa-stumbleupon:before { content: "\f1a4"; } .fa-delicious:before { content: "\f1a5"; } .fa-digg:before { content: "\f1a6"; } .fa-pied-piper:before { content: "\f1a7"; } .fa-pied-piper-alt:before { content: "\f1a8"; } .fa-drupal:before { content: "\f1a9"; } .fa-joomla:before { content: "\f1aa"; } .fa-language:before { content: "\f1ab"; } .fa-fax:before { content: "\f1ac"; } .fa-building:before { content: "\f1ad"; } .fa-child:before { content: "\f1ae"; } .fa-paw:before { content: "\f1b0"; } .fa-spoon:before { content: "\f1b1"; } .fa-cube:before { content: "\f1b2"; } .fa-cubes:before { content: "\f1b3"; } .fa-behance:before { content: "\f1b4"; } .fa-behance-square:before { content: "\f1b5"; } .fa-steam:before { content: "\f1b6"; } .fa-steam-square:before { content: "\f1b7"; } .fa-recycle:before { content: "\f1b8"; } .fa-automobile:before, .fa-car:before { content: "\f1b9"; } .fa-cab:before, .fa-taxi:before { content: "\f1ba"; } .fa-tree:before { content: "\f1bb"; } .fa-spotify:before { content: "\f1bc"; } .fa-deviantart:before { content: "\f1bd"; } .fa-soundcloud:before { content: "\f1be"; } .fa-database:before { content: "\f1c0"; } .fa-file-pdf-o:before { content: "\f1c1"; } .fa-file-word-o:before { content: "\f1c2"; } .fa-file-excel-o:before { content: "\f1c3"; } .fa-file-powerpoint-o:before { content: "\f1c4"; } .fa-file-photo-o:before, .fa-file-picture-o:before, .fa-file-image-o:before { content: "\f1c5"; } .fa-file-zip-o:before, .fa-file-archive-o:before { content: "\f1c6"; } .fa-file-sound-o:before, .fa-file-audio-o:before { content: "\f1c7"; } .fa-file-movie-o:before, .fa-file-video-o:before { content: "\f1c8"; } .fa-file-code-o:before { content: "\f1c9"; } .fa-vine:before { content: "\f1ca"; } .fa-codepen:before { content: "\f1cb"; } .fa-jsfiddle:before { content: "\f1cc"; } .fa-life-bouy:before, .fa-life-buoy:before, .fa-life-saver:before, .fa-support:before, .fa-life-ring:before { content: "\f1cd"; } .fa-circle-o-notch:before { content: "\f1ce"; } .fa-ra:before, .fa-rebel:before { content: "\f1d0"; } .fa-ge:before, .fa-empire:before { content: "\f1d1"; } .fa-git-square:before { content: "\f1d2"; } .fa-git:before { content: "\f1d3"; } .fa-y-combinator-square:before, .fa-yc-square:before, .fa-hacker-news:before { content: "\f1d4"; } .fa-tencent-weibo:before { content: "\f1d5"; } .fa-qq:before { content: "\f1d6"; } .fa-wechat:before, .fa-weixin:before { content: "\f1d7"; } .fa-send:before, .fa-paper-plane:before { content: "\f1d8"; } .fa-send-o:before, .fa-paper-plane-o:before { content: "\f1d9"; } .fa-history:before { content: "\f1da"; } .fa-circle-thin:before { content: "\f1db"; } .fa-header:before { content: "\f1dc"; } .fa-paragraph:before { content: "\f1dd"; } .fa-sliders:before { content: "\f1de"; } .fa-share-alt:before { content: "\f1e0"; } .fa-share-alt-square:before { content: "\f1e1"; } .fa-bomb:before { content: "\f1e2"; } .fa-soccer-ball-o:before, .fa-futbol-o:before { content: "\f1e3"; } .fa-tty:before { content: "\f1e4"; } .fa-binoculars:before { content: "\f1e5"; } .fa-plug:before { content: "\f1e6"; } .fa-slideshare:before { content: "\f1e7"; } .fa-twitch:before { content: "\f1e8"; } .fa-yelp:before { content: "\f1e9"; } .fa-newspaper-o:before { content: "\f1ea"; } .fa-wifi:before { content: "\f1eb"; } .fa-calculator:before { content: "\f1ec"; } .fa-paypal:before { content: "\f1ed"; } .fa-google-wallet:before { content: "\f1ee"; } .fa-cc-visa:before { content: "\f1f0"; } .fa-cc-mastercard:before { content: "\f1f1"; } .fa-cc-discover:before { content: "\f1f2"; } .fa-cc-amex:before { content: "\f1f3"; } .fa-cc-paypal:before { content: "\f1f4"; } .fa-cc-stripe:before { content: "\f1f5"; } .fa-bell-slash:before { content: "\f1f6"; } .fa-bell-slash-o:before { content: "\f1f7"; } .fa-trash:before { content: "\f1f8"; } .fa-copyright:before { content: "\f1f9"; } .fa-at:before { content: "\f1fa"; } .fa-eyedropper:before { content: "\f1fb"; } .fa-paint-brush:before { content: "\f1fc"; } .fa-birthday-cake:before { content: "\f1fd"; } .fa-area-chart:before { content: "\f1fe"; } .fa-pie-chart:before { content: "\f200"; } .fa-line-chart:before { content: "\f201"; } .fa-lastfm:before { content: "\f202"; } .fa-lastfm-square:before { content: "\f203"; } .fa-toggle-off:before { content: "\f204"; } .fa-toggle-on:before { content: "\f205"; } .fa-bicycle:before { content: "\f206"; } .fa-bus:before { content: "\f207"; } .fa-ioxhost:before { content: "\f208"; } .fa-angellist:before { content: "\f209"; } .fa-cc:before { content: "\f20a"; } .fa-shekel:before, .fa-sheqel:before, .fa-ils:before { content: "\f20b"; } .fa-meanpath:before { content: "\f20c"; } .fa-buysellads:before { content: "\f20d"; } .fa-connectdevelop:before { content: "\f20e"; } .fa-dashcube:before { content: "\f210"; } .fa-forumbee:before { content: "\f211"; } .fa-leanpub:before { content: "\f212"; } .fa-sellsy:before { content: "\f213"; } .fa-shirtsinbulk:before { content: "\f214"; } .fa-simplybuilt:before { content: "\f215"; } .fa-skyatlas:before { content: "\f216"; } .fa-cart-plus:before { content: "\f217"; } .fa-cart-arrow-down:before { content: "\f218"; } .fa-diamond:before { content: "\f219"; } .fa-ship:before { content: "\f21a"; } .fa-user-secret:before { content: "\f21b"; } .fa-motorcycle:before { content: "\f21c"; } .fa-street-view:before { content: "\f21d"; } .fa-heartbeat:before { content: "\f21e"; } .fa-venus:before { content: "\f221"; } .fa-mars:before { content: "\f222"; } .fa-mercury:before { content: "\f223"; } .fa-intersex:before, .fa-transgender:before { content: "\f224"; } .fa-transgender-alt:before { content: "\f225"; } .fa-venus-double:before { content: "\f226"; } .fa-mars-double:before { content: "\f227"; } .fa-venus-mars:before { content: "\f228"; } .fa-mars-stroke:before { content: "\f229"; } .fa-mars-stroke-v:before { content: "\f22a"; } .fa-mars-stroke-h:before { content: "\f22b"; } .fa-neuter:before { content: "\f22c"; } .fa-genderless:before { content: "\f22d"; } .fa-facebook-official:before { content: "\f230"; } .fa-pinterest-p:before { content: "\f231"; } .fa-whatsapp:before { content: "\f232"; } .fa-server:before { content: "\f233"; } .fa-user-plus:before { content: "\f234"; } .fa-user-times:before { content: "\f235"; } .fa-hotel:before, .fa-bed:before { content: "\f236"; } .fa-viacoin:before { content: "\f237"; } .fa-train:before { content: "\f238"; } .fa-subway:before { content: "\f239"; } .fa-medium:before { content: "\f23a"; } .fa-yc:before, .fa-y-combinator:before { content: "\f23b"; } .fa-optin-monster:before { content: "\f23c"; } .fa-opencart:before { content: "\f23d"; } .fa-expeditedssl:before { content: "\f23e"; } .fa-battery-4:before, .fa-battery-full:before { content: "\f240"; } .fa-battery-3:before, .fa-battery-three-quarters:before { content: "\f241"; } .fa-battery-2:before, .fa-battery-half:before { content: "\f242"; } .fa-battery-1:before, .fa-battery-quarter:before { content: "\f243"; } .fa-battery-0:before, .fa-battery-empty:before { content: "\f244"; } .fa-mouse-pointer:before { content: "\f245"; } .fa-i-cursor:before { content: "\f246"; } .fa-object-group:before { content: "\f247"; } .fa-object-ungroup:before { content: "\f248"; } .fa-sticky-note:before { content: "\f249"; } .fa-sticky-note-o:before { content: "\f24a"; } .fa-cc-jcb:before { content: "\f24b"; } .fa-cc-diners-club:before { content: "\f24c"; } .fa-clone:before { content: "\f24d"; } .fa-balance-scale:before { content: "\f24e"; } .fa-hourglass-o:before { content: "\f250"; } .fa-hourglass-1:before, .fa-hourglass-start:before { content: "\f251"; } .fa-hourglass-2:before, .fa-hourglass-half:before { content: "\f252"; } .fa-hourglass-3:before, .fa-hourglass-end:before { content: "\f253"; } .fa-hourglass:before { content: "\f254"; } .fa-hand-grab-o:before, .fa-hand-rock-o:before { content: "\f255"; } .fa-hand-stop-o:before, .fa-hand-paper-o:before { content: "\f256"; } .fa-hand-scissors-o:before { content: "\f257"; } .fa-hand-lizard-o:before { content: "\f258"; } .fa-hand-spock-o:before { content: "\f259"; } .fa-hand-pointer-o:before { content: "\f25a"; } .fa-hand-peace-o:before { content: "\f25b"; } .fa-trademark:before { content: "\f25c"; } .fa-registered:before { content: "\f25d"; } .fa-creative-commons:before { content: "\f25e"; } .fa-gg:before { content: "\f260"; } .fa-gg-circle:before { content: "\f261"; } .fa-tripadvisor:before { content: "\f262"; } .fa-odnoklassniki:before { content: "\f263"; } .fa-odnoklassniki-square:before { content: "\f264"; } .fa-get-pocket:before { content: "\f265"; } .fa-wikipedia-w:before { content: "\f266"; } .fa-safari:before { content: "\f267"; } .fa-chrome:before { content: "\f268"; } .fa-firefox:before { content: "\f269"; } .fa-opera:before { content: "\f26a"; } .fa-internet-explorer:before { content: "\f26b"; } .fa-tv:before, .fa-television:before { content: "\f26c"; } .fa-contao:before { content: "\f26d"; } .fa-500px:before { content: "\f26e"; } .fa-amazon:before { content: "\f270"; } .fa-calendar-plus-o:before { content: "\f271"; } .fa-calendar-minus-o:before { content: "\f272"; } .fa-calendar-times-o:before { content: "\f273"; } .fa-calendar-check-o:before { content: "\f274"; } .fa-industry:before { content: "\f275"; } .fa-map-pin:before { content: "\f276"; } .fa-map-signs:before { content: "\f277"; } .fa-map-o:before { content: "\f278"; } .fa-map:before { content: "\f279"; } .fa-commenting:before { content: "\f27a"; } .fa-commenting-o:before { content: "\f27b"; } .fa-houzz:before { content: "\f27c"; } .fa-vimeo:before { content: "\f27d"; } .fa-black-tie:before { content: "\f27e"; } .fa-fonticons:before { content: "\f280"; } 
.cr_actionwrap{ text-align: center;; } .cr_actionwrap .actionbutton{ width:100%; } .x4_cbserviceform input,.x4_cbserviceform textarea{ font-size:100%; padding:0.5em; border:1px solid rgba(0,0,0,0.25); border-radius:0; } .x4_cbserviceform input.timeinput{ width:5em !important; margin-left:0.5em; margin-right:1em; } .x4_cbserviceform textarea{ min-height:10em; } .x4_cbserviceform .x4_kv{ margin-bottom:1em; } .x4_cbserviceform .x4_key{ text-align: left; color:#626262; } .x4_cbserviceform input[type="text"], .x4_cbserviceform input[type="email"], .x4_cbserviceform textarea{ width:25em; max-width:100%; } 
body.udb_logged_in #cms_addpostingdialog [data-x4_kvref="name"]{ display: none; } .x4_taxo_anonitem_listentry{ border: 1px solid #ddd; margin-top: 0.5em; margin-bottom: 0.5em; padding: 0.5em; position: relative; min-height:3em; padding-right:4em; } .flex{ display: -webkit-flex !important; display: -ms-flex !important; display: flex !important; } body[data-x4_itemid]{ /*border-left:20px solid magenta;*/ } .x4_ps_grayframe{ border:2px solid black; } .x4_ps_caz{ cursor:pointer; } .x4_floating_left{ float:left; margin-right:1em; } .x4_floating_right{ float:right; margin-left:1em; } [data-cms_type="html"],[data-cms_type="item"]{ position: relative; min-height:1em; } [data-cms_type="app"]{ display:block; width:100%; position:relative; } [data-cms_app="bgshow"]{ position: fixed; left: 0; top: 0; width: 100%; height: 100%; bottom: 0; right: 0; z-index: 0; } [data-cms_type="app"].x4_hasratiochild{ width:auto; position:unset; } .tg_ets{ /*border:1px dotted magenta !important;*/ } .x4_feedmix_pic{ float: left; max-height: 10em; margin-top: 0.4em; } .x4_feedmix_item{ background:rgba(0,0,0,0.01); box-shadow:0.25em 0.25em 0.25em rgba(0,0,0,0.5); padding:1em; margin-bottom:2em; padding-bottom:2em; color:rgba(0,0,0,0.5); } .x4_feedmix_title{ display: block; font-size: 150%; line-height: 1.25em; margin-bottom: 0.2em; margin-top: 0.2em; } .x4_feedmix_source{ margin-bottom:0.75em; font-style:italic; } .x4_feedmix_date{ color:rgba(0,0,0,0.5); } .x4_feedmix_body{ word-wrap: break-word; } #orderdialog [data-x4_kvref="firstname"], #orderdialog [data-x4_kvref="lastname"], #orderdialog [data-x4_kvref="street"], #orderdialog [data-x4_kvref="streetnr"], #orderdialog [data-x4_kvref="plz"], #orderdialog [data-x4_kvref="city"], #orderdialog [data-x4_kvref="targetadr_tgtadrja_lfirstname"], #orderdialog [data-x4_kvref="targetadr_tgtadrja_llastname"], #orderdialog [data-x4_kvref="targetadr_tgtadrja_lstreet"], #orderdialog [data-x4_kvref="targetadr_tgtadrja_lstreetnr"], #orderdialog [data-x4_kvref="targetadr_tgtadrja_lplz"], #orderdialog [data-x4_kvref="targetadr_tgtadrja_lcity"], #semregdialog [data-x4_kvref="firstname"], #semregdialog [data-x4_kvref="lastname"], #semregdialog [data-x4_kvref="firstname2"], #semregdialog [data-x4_kvref="lastname2"], #semregdialog [data-x4_kvref="firstname3"], #semregdialog [data-x4_kvref="lastname3"], #semregdialog [data-x4_kvref="firstname4"], #semregdialog [data-x4_kvref="lastname4"], #semregdialog [data-x4_kvref="firstname5"], #semregdialog [data-x4_kvref="lastname5"], #semregdialog [data-x4_kvref="street"], #semregdialog [data-x4_kvref="streetnr"], #semregdialog [data-x4_kvref="plz"], #semregdialog [data-x4_kvref="city"], #semregdialog [data-x4_kvref="targetadr_tgtadrja_lfirstname"], #semregdialog [data-x4_kvref="targetadr_tgtadrja_llastname"], #semregdialog [data-x4_kvref="targetadr_tgtadrja_lstreet"], #semregdialog [data-x4_kvref="targetadr_tgtadrja_lstreetnr"], #semregdialog [data-x4_kvref="targetadr_tgtadrja_lplz"], #semregdialog [data-x4_kvref="targetadr_tgtadrja_lcity"]{ margin-left: 21.75%; width: 30%; display:inline-block; } #orderdialog [data-x4_kvref="city"], #semregdialog [data-x4_kvref="city"], #orderdialog [data-x4_kvref="street"], #semregdialog [data-x4_kvref="street"]{ display: inline-block; margin-left: 16.75% !important; width: 46% !important; } #orderdialog [data-x4_kvref="plz"], #semregdialog [data-x4_kvref="plz"], #orderdialog [data-x4_kvref="streetnr"], #semregdialog [data-x4_kvref="streetnr"]{ /* margin-left: 16.75% !important; */ width: 18.5% !important; } #orderdialog [data-x4_kvref="firstname"] input, #orderdialog [data-x4_kvref="lastname"] input, #orderdialog [data-x4_kvref="street"] input, #orderdialog [data-x4_kvref="streetnr"] input, #orderdialog [data-x4_kvref="plz"] input, #orderdialog [data-x4_kvref="city"] input, #orderdialog [data-x4_kvref="targetadr_tgtadrja_lfirstname"] input, #orderdialog [data-x4_kvref="targetadr_tgtadrja_llastname"] input, #orderdialog [data-x4_kvref="targetadr_tgtadrja_lstreet"] input, #orderdialog [data-x4_kvref="targetadr_tgtadrja_lstreetnr"] input, #orderdialog [data-x4_kvref="targetadr_tgtadrja_lplz"] input, #orderdialog [data-x4_kvref="targetadr_tgtadrja_lcity"] input, #semregdialog [data-x4_kvref="firstname"] input, #semregdialog [data-x4_kvref="lastname"] input, #semregdialog [data-x4_kvref="firstname2"] input, #semregdialog [data-x4_kvref="lastname2"] input, #semregdialog [data-x4_kvref="firstname3"] input, #semregdialog [data-x4_kvref="lastname3"] input, #semregdialog [data-x4_kvref="firstname4"] input, #semregdialog [data-x4_kvref="lastname4"] input, #semregdialog [data-x4_kvref="firstname5"] input, #semregdialog [data-x4_kvref="lastname5"] input, #semregdialog [data-x4_kvref="street"] input, #semregdialog [data-x4_kvref="streetnr"] input, #semregdialog [data-x4_kvref="plz"] input, #semregdialog [data-x4_kvref="city"] input, #semregdialog [data-x4_kvref="targetadr_tgtadrja_lfirstname"] input, #semregdialog [data-x4_kvref="targetadr_tgtadrja_llastname"] input, #semregdialog [data-x4_kvref="targetadr_tgtadrja_lstreet"] input, #semregdialog [data-x4_kvref="targetadr_tgtadrja_lstreetnr"] input, #semregdialog [data-x4_kvref="targetadr_tgtadrja_lplz"] input, #semregdialog [data-x4_kvref="targetadr_tgtadrja_lcity"] input{ width:100%; } #orderdialog .x4_key, #semregdialog .x4_key{ width:30%; } #orderdialog .x4_value, #semregdialog .x4_value{ width:65%; } #orderdialog [data-x4_kvref="lastname"], #orderdialog [data-x4_kvref="streetnr"], #orderdialog [data-x4_kvref="plz"], #orderdialog [data-x4_kvref="targetadr_tgtadrja_llastname"], #orderdialog [data-x4_kvref="targetadr_tgtadrja_lstreetnr"], #orderdialog [data-x4_kvref="targetadr_tgtadrja_lcity"], #semregdialog [data-x4_kvref="lastname"], #semregdialog [data-x4_kvref="lastname2"], #semregdialog [data-x4_kvref="lastname3"], #semregdialog [data-x4_kvref="lastname4"], #semregdialog [data-x4_kvref="lastname5"], #semregdialog [data-x4_kvref="streetnr"], #semregdialog [data-x4_kvref="plz"], #semregdialog [data-x4_kvref="targetadr_tgtadrja_llastname"], #semregdialog [data-x4_kvref="targetadr_tgtadrja_lstreetnr"], #semregdialog [data-x4_kvref="targetadr_tgtadrja_lcity"]{ margin-left:2.5%; } #orderdialog [data-x4_kvref="targetadr_tgtadrja"]>.x4_value, #semregdialog [data-x4_kvref="targetadr_tgtadrja"]>.x4_value{ width:100%; } #orderdialog [data-x4_kvref="targetadr_tgtadrja"] .x4_kv, #semregdialog [data-x4_kvref="targetadr_tgtadrja"] .x4_kv{ margin-left:1% !important; width:47%; } .x4_obli{ color:red; } .x4_csstable{ display: table; height: 2.5em; width: 100%; padding-top:0.25em; padding-bottom:0.25em; } .x4_csstablecell{ display:table-cell !important; vertical-align:middle; } .x4_mobilelinkright{ border-left: 1px solid #D1D5DA; color: #222222 !important; display: table-cell !important; font-size: 220%; height: 98%; right: 0; text-align: center; top: 1%; vertical-align: middle; width: 20%; } .x4_mobile_focus a{ background: none repeat scroll 0 0 #9C9C9C; color: #FFFFFF;} .x4_mobilenav{ background: none repeat scroll 0 0 #EEF1F5; border-color: -moz-use-text-color; border-image: none; box-shadow: -0.15em 0.15em 0.25em rgba(0, 0, 0, 0.25); color: #222222 !important; left: 5em; position: absolute; right: 0.25em; top: 3.25em; z-index: 100; display:none; } .x4_mobilelinkleft{ /* background: none repeat scroll 0 0 #008000; */ padding: 1em 20% 1em 1em; color: #222222 !important; } .x4_mobile_preferdesktop{ border-right: 1px solid #D1D5DA; } .x4_mobile_contact{ } .x4_mobile_option{ color: #222222 !important; display: inline-block; line-height: 3em; margin-bottom: 0.25em; margin-top: 0.25em; text-align: center; width: 49%; } .udb_logindialog_requestreset{ display: none !important; } .x4_mobileoptions{ border-bottom: 1px solid #D1D5DA; } .x4_mobilebutton{ min-height:3em; position:relative; line-height:1em; border-bottom:1px solid #d1d5da; } .x4_mobilebutton_invisible{ font-style:italic; } body.x4_ismobile{ /* font-size:250%; */ overflow-x:hidden; } .x4_mobilebody{ padding: 1em 0.5em 3em; padding-bottom:0; min-height:100%; /* border:2px solid red; */ overflow:hidden !important; } .x4_mobilebar{ height:3.5em; width:100%; /* overflow:hidden; */ background:#EEF1F5; position:relative; } .x4_mobilehomelink{ /* border:1px solid red; */ width:4em; display:block; background-color:yellow; background:url(media/grafik/logo_mobile.png); background-size:contain; background-position: center; background-repeat:no-repeat; position:absolute; left:0; top:0; bottom:0; /* width:80%; */ } .x4_mobiletitle{ /* border:1px solid red; */ position:absolute; left:4.5em; width:14em; overflow:hidden; padding-top:0.1em; } .x4_mobiletitle_main{ font-size:110%; /* background:yellow; */ } .x4_mobiletitle_sub{ font-size:80%; } .x4_mobilephone,.x4_mobilemenulink,.x4_mobilemail,.x4_mobilecoords{ /* border:1px solid red; */ /* background-color: #EEF1F5; */ bottom: 0; display: block; /* font-size: 220%; */ /* line-height: 122%; */ color:#222; position: absolute; right: 4em; text-align: center; top: 0; width: 3.5em; height:3.5em; line-height:4em; } .x4_mobilephone{ padding-top:0.25em; } .x4_mobilemenulink{ right:0.25em; padding-top:0.15em; } .x4_mobilemail{ right:7.75em; } .x4_mobilecoords{ right:11.55em; } .x4_mobilephone i,.x4_mobilemenulink i{ font-size:200%; } .x4_mobilemail i{ font-size:180%; } .x4_mobilecoords i{ font-size:180%; } .x4_item_popup{ margin:1em; padding:1em; min-height:10em; } .x4_btninfo{ color: #FFFF91; font-size: 80% !important; text-align: center; width: 12em; } .x4_appdummy{ padding:1em; border:1px solid gray; background:rgba(0,0,0,0.5); color:white; } .x4_rsslink i{ color:orange; } .x4_nav{ /* border:1px solid red; */ text-align:left; } .x4_nav.x4_navstyle_tree .x4_navlist .x4_navlist,.x4_nav.x4_navstyle_dropdown .x4_navlist .x4_navlist .x4_navlist{ margin-left:1em; } /* //dropdown nav */ .x4_nav.x4_navstyle_dropdown>.x4_navlist>.x4_navitem{ /* border:1px solid green; */ display:inline-block; /*height:1em;*/ vertical-align:top; position:relative; } [data-cms_app="nav"]{ z-index:1; } .x4_nav.x4_navstyle_dropdown>.x4_navlist>.x4_navitem>.x4_navlist{ display:none; /* background:wheat; */ } /* //urhere nav */ .x4_nav.x4_navstyle_urhere .x4_navlist .x4_navitem,.x4_nav.x4_navstyle_urhere .x4_navlist,.x4_nav.x4_navstyle_urhere .x4_navdeli,.x4_nav.x4_navstyle_dropdown .x4_navdeli { display:inline-block; } /* columns: */ .x4_columns{ overflow:hidden; position:relative; } .x4_column{ float:left; position:relative; } .x4,.x4 *{ font-family:helvetica ; line-height:1.2em; /* font-size:90%; */ font-size:14px ; } .x4_font{ font-family:helvetica ; } body.x4_ismobile .x4,body.x4_ismobile .x4 *{ line-height:1.2em; /* font-size:90%; */ font-size:14px !important ; } .fu_filename{ } .fu_progress{ background: none repeat scroll 0 0 #FFFFFF; border: 1px solid #808080; margin: 1em auto auto; /* padding: 0.25em; */ height:2em; line-height:2em; width: 50%; position:relative; } .fu_bar{ background: none repeat scroll 0 0 #6BC1FD; bottom: 0; left: 0; position: absolute; top: 0; } .fu_perc{ bottom: 0; color: #333333; left: 0; margin: auto; position: absolute; right: 0; top: 0; } .cms_button{ background: none repeat scroll 0 0 #376DDB; border-radius: 2px; color: #FFFFFF !important; cursor: pointer; display: inline-block; font-size: 100%; margin: 0.4em 1em; min-width: 10em; padding: 0.5em 1em; line-height:1.4em; text-align: center; text-decoration: none !important; position:relative; } .cms_button:hover{ background: #073dab; } .cms_button i{ margin-right:1em; width:1em; } #udb_loginhead .cms_button{ display: block; height: 3.5em; line-height: 2.5em; margin: 0 0 1px; text-align: left; } #udb_loginhead .rootpanel .cms_button{ font-size: 80%; line-height: 1em; margin-left: 3em; background: rgb(200,0,0); margin-right: 2em; margin-bottom: 0; margin-top: 0.2em; } #udb_loginhead .cms_toggle_edit{ bottom: 0; color: white; display: block; font-size: 1em; height: 3em; left: 0; line-height: 2.7em; padding-left: 1em; position: absolute; text-align: left; top: 0; width: 100%; } body.x4_loginheadmini .cms_editlink, body.x4_loginheadmini .x4_ratiosizer{ display: none !important; } #io_dialog{ display:none; color:#333333; } #io_dialog_ground,#io_dialog_frame{ position:fixed; left:0; top:0; right:0; bottom:0; height:100%; } #io_dialog_ground{ position:fixed; background:black; opacity:0.6; } #io_dialog_box{ background:#fefefe; position:absolute; /*border:1px solid #bbb;*/ border-radius:2px; overflow:hidden; /* overflow-y:auto; */ } body.x4_ismobile #io_dialog_box{ border-radius: 0 !important; bottom: 0 !important; height: 100% !important; left: 0 !important; top: 0 !important; width: 100% !important; } #io_dialog.io_dialog_full #io_dialog_box{ left:0 !important; top:0 !important; right:0 !important; bottom:0 !important; border-radius:0 !important; box-shadow: none !important; } #io_dialog_icontent{ bottom: 0; display: inline-block; left: 0; position: absolute; right: 0; /* text-align: center; */ top: 0; } #io_dialog select{ max-width:30em; } .cms_head{ /*background: #7c9de1;*/ /*background:yellowgreen;*/ /*background: lightslategrey;*/ background: #8dc3e5; height: 2.8em; line-height:1.4em; left: 0; overflow: hidden; position: absolute; right: 0; text-align: left; top: 0; } .cms_mid{ position:absolute; left:0; top:2.8em; right:0; overflow-y:auto; overflow-x:hidden; } body.x4_ismobile .cms_mid{ height:100%; /* overflow:hidden !important; */ /* overflow-y:touch; */ /* -moz-box-sizing: border-box; */ /* border: 10px solid green; */ overflow:auto !important; position:relative; } body.x4_ismobile #udb_logindialog,body.x4_ismobile #io_dialog_icontent{ /* -moz-box-sizing: border-box; */ /* border: 10px solid #FF0000; */ /* bottom: 15em !important; */ /* left: 0; */ /* padding: 1%; */ position: relative !important; /* right: 0; */ /* top: 0; */ margin-bottom:5em !important; width:100%; display:block; } .cms_tail{ /*background:#f0f0f0;*/ position:absolute; border-top:1px solid #eee; left:0; bottom:0px; right:0; min-height:3.5em; text-align:center; } body.x4_ismobile .cms_tail{ /* -moz-box-sizing: border-box; */ /* border: 5px solid orange; */ } body.x4_ismobile .cms_tail .cms_button{ font-size:14px !important; } .cms_title{ color: white; display: block; font-size: 125%; line-height: 2.2em; padding-left: 1em; padding-top: 0; text-align: left; } .x4_closelink,.taxo_items_deletelink{ color: #666; display: block; font-weight: normal; height: 1.8em; line-height: 1.5em; margin: 0; position: absolute; right: 1em; text-align: center; text-decoration: none !important; top: 0.5em; width: 3em; color: white; background: rgba(0,0,0,0.3); } .x4_closelink:hover,.taxo_items_deletelink:hover{ background: rgba(255, 255, 255, 0.5) none repeat scroll 0 0; color: black !important; } .taxo_items_deletelink{ font-size: 75%; } #io_dialog_mid input[type=text],#io_dialog_mid textarea,#io_dialog_mid input[type=password],#io_dialog_mid input{ border: 1px solid #AAAAAA; border-radius: 2px; padding: 0.25em; color:#444; line-height:1.5em; } /*#udb_form_login{ height:35em; }*/ #udb_form_login>div{ height:2.5em; } #udb_logindialog{ width:40em; min-width:40em; height:15em; /* height:500px !important; */ /* 15em; */ } body.x4_ismobile #udb_logindialog{ width:100% !important; height:auto !important; } body[data-cms_page_key="_template.html"] .cms_bg,body[data-cms_page_key="_template.html"] #udb_loginhead{ background:rgb(220,220,250) !important; } .cms_page { min-width: 60em; position: relative; } .cms_question{ color: #666666; display: block; font-size: 130%; line-height: 1.5em; margin-top: 1em; width: 30em; max-width:100% !important; text-align: center; } .loginokbutton,.logincancelbutton{ border: medium none !important; bottom: -0.2em !important; height: 2.5em !important; min-width: 10em !important; width: 10em !important; position:absolute; } .loginokbutton{ left:7em; } .logincancelbutton{ right:7em; } .x4_taxoinnerdialog{ padding-bottom: 3em; /*min-width: 60em;*/ /*margin-left: 10em;*/ /*margin-right: 10em;*/ box-sizing: border-box; } body.x4_ismobile .x4_taxoinnerdialog{ min-width:0 !important; } .x4_taxoerror{ color:red; font-size:90%; margin-top:0.5em; margin-bottom:0.5em; text-align:center; } .x4_kv{ /* border:1px solid red; */ width:100%; position:relative; clear:both; /*min-width:60em;*/ } .x4_kv.x4_kv_hidden,.taxo_kv.x4_kv_hidden{ display: none; } .x4_kvlist { margin-top: 0.4em; } body.x4_ismobile .x4_kv{ height: auto !important; position: relative !important; margin:1em; /* width:50% !important; */ /* background:blue; */ } body.x4_ismobile .x4_key{ /* background: none repeat scroll 0 0 #008000; */ display: block !important; text-align: left; width: 50%; /* background:yellow; */ height: auto; line-height: 1.5em !important; } body.x4_ismobile .x4_value{ /* background: none repeat scroll 0 0 #008000; */ display: block !important; text-align: left; width: 100%; height: auto; line-height: 1.5em !important; } .x4_key{ color: #AAAAAA; display: inline-block; line-height: 2em; padding-right: 1%; position: relative; text-align: right; vertical-align: middle; width: 30%; } .x4_value{ /* background:rgba(0,0,255,0.2); */ display:inline-block; width:65%; vertical-align:top; text-align:left; margin-bottom:0.5em; } .x4_kvinfo{ clear: both; color: darkcyan; margin-bottom: 0.5em; margin-top: 0.5em; max-width: 40em; line-height: 1.3em; font-size: 85%; } .x4_vhtml{ border: 1px solid #DDDDDD; margin-bottom: 1em; max-height: 17em; min-height: 3em; overflow: auto; padding: 0.25em; width: 90%; } .x4_vhtmleditlink,.taxo_items_addlink,.x4_taxo_anonitem_addlink{ min-width: 13em; text-align: left; margin: 0; margin-bottom: 0.25em; margin-top: 0.5em; } .x4_value select,.x4_value input[type="text"],.x4_value input[type="password"],.x4_value textarea{ width:80%; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } body.x4_ismobile .x4_value select,body.x4_ismobile .x4_value input[type="text"],body.x4_ismobile .x4_value input[type="password"],body.x4_ismobile .x4_value textarea{ width:auto !important; max-width:80% !important; } .x4_key.x4_vtype_section{ border-bottom: 1px solid; font-size: 130%; margin-left: 30%; margin-top: 0.5em; text-align: left; width: 54%; } /*.x4_value textarea{ width:35em; }*/ .x4_vtype_desc>.x4_value{ /* border:1px solid #aaa; */ /* border-radius:0.25em; */ padding:0.25em; color:#444; } .x4_vtype_check>.x4_value,.x4_vtype_radio>.x4_value{ width:100%; color:#444; } .x4_kv.x4_vtype_image img{ max-width:15em; max-height:10em; } .io_dialog_full .cms_mid{ bottom:3.5em; } .item_title{ width: 20em; word-wrap: break-word; } .item_desc{ width: 20em; margin-top: 0.25em; font-style: italic; } .item_desc>div{ font-size:80%; } #io_busydialog{ position:fixed; background:rgba(0, 0,0, 0.7); left:0; top:0; right:0; bottom:0; z-index:1000; } #io_busyinner{ max-height:30em; overflow:hidden; overflow-y:auto; } #io_busydialogbox{ background: none repeat scroll 0 0 #FEFEFE; display: block; height: 25em; position: relative; width: 40em; margin:auto !important; text-align:center; margin-top:3em !important; border-radius:2px; overflow:hidden; } .additem{ display:none; /*font-size:80%;*/ } body.udb_logged_in .additem{ display:inline-block; } .forumformwrap{ /*background: yellow;*/ width:100%; /*min-height:20em;*/ display: block; } .forumformwrap form input, .forumformwrap form textarea{ width:80%; border:1px solid rgba(0,0,0,0.25); } .forumform_label{ display: inline-block; width:20%; vertical-align: top; line-height: 3em; } .forumform_submitwrap{ width:100%; text-align: right; margin-bottom:2em; } .forumform_submitlink{ background: #fe6054 none repeat scroll 0 0; border: 2px solid #fe6054; color: white; display: inline-block; padding: 0.5em; text-align: center; width: 20em; text-transform: uppercase; /*font-size: 90%;*/ margin-top: 1em; /*float:right;*/ -webkit-transition: all 150ms linear; -moz-transition: all 150ms linear; -o-transition: all 150ms linear; -ms-transition: all 150ms linear; transition: all 150ms linear; } .forumform_submitlink:hover{ background: white; color:#fe6054; text-decoration: none !important; } .forumtop .forumaddpost{ display: none !important; } .io_forum{ /* border:1px dotted red; */ text-align:left; width:100%; color:#333; position:relative; } .forumtop{ border-bottom:1px solid #ccc; min-height:2em; margin-bottom:1em; padding-bottom:0.25em; position:relative; } .forumtitle{ position:absolute; left:0; bottom:0; /*font-size:120%;*/ } .forumaddpost{ position:absolute; right:0.25em; /*font-size:80%;*/ bottom:0.25em; } .forumnode{ /* border:1px solid blue; */ position:relative; margin-bottom:0.25em; } .forumnode .fn_moderator>.fn_body>.fn_head{ /* color:darkred; */ } .fn_space{ position:absolute; left:0; top:0; /*font-size:80%;*/ color:#aaa; } .fn_space i{ width:0.5em; text-align:center; display:inline-block; } .fn_body{ /*border: 1px solid #CCCCCC;*/ padding: 1em; /*background: red;*/ border-left:2px solid rgba(0,0,0,0.25); background: rgba(0,0,0,0.05); margin-bottom:1em; } .forumnode.fn_depth_0>.fn_body{ border: none; padding: 0; } .fn_head{ /*border-top: 1px solid #CCCCCC;*/ font-size: 80%; margin-bottom:0.25em; /*height: 3em;*/ overflow: hidden; position: relative; } .fn_head.fn_deleted.fn_nochildren{ border:none; } .fn_author{ /* font-size:80%; */ /*position:absolute;*/ /*left:0.25em;*/ /*top:0.25em;*/ /*line-height:1.5em;*/ display: inline-block; } .fn_time{ /* font-size:80%; */ /*position:absolute;*/ /*left:0.25em;*/ /*bottom:0;*/ color:#aaa; /*font-size:80%;*/ /*line-height:1.5em;*/ display: inline-block; margin-left:0.5em; } .fn_controls{ /* font-size:80%; */ /*position:absolute;*/ /*right:0.25em;*/ /*bottom:0.25em;*/ margin-bottom:1em; text-align: right; } .fn_controls a{ margin-left:1em; } .fn_title{ font-weight:bold; } .fn_content{ display: inline-block; } .fn_toggle{ /* display: none !important; */ text-align:right; /*font-size:80%;*/ } /*mobile:*/ @media only screen and (max-width:640px) { .forumform_label{ width: 100%; display: block; } .forumform_submitlink{ width: 100%; } } /*.forumnode .forumnode .fn_toggle{ margin-left:5em; }*/ .taxo_items .cms_foto_mini{ left: 0.25em; position: absolute; top: 0.25em; bottom: 0.25em; width: 90%; } body.cms_overlay{ overflow:hidden; } .taxo_items{ margin-bottom:1em !important; } .taxo_wordcounter{ color: #FF8C00; font-size: 80%; margin:0; text-align: left; width: 100%; } [data-cms_content_id]{ position:relative; } .tg_ets { height: 100%; left: 0; position: absolute; top: 0; width: 100%; } #cms_requestform_error *{ color:red; } #udb_loginhead.udb_logged_in.udb_role_editor,body.loginbody #udb_loginhead{ display:block !important; } #udb_loginhead{ background: #444 none repeat scroll 0 0; min-width: 14em; padding-left: 0; padding-right: 0; position: fixed; right: 0; top: 0; z-index: 11; background-image: url(http://ntzwrk.de/x4.png); background-position: -2em -2em; background-repeat: no-repeat; background-size: 2em auto; } #udb_logoutdialog{ text-align:center; } .taxo_items .cms_foto_mini .cms_fototitle { font-size: 80%; height: 98%; left: 6.5em; line-height: 1em; margin: 0; overflow: hidden; position: absolute; top: 0.25em; width: 70%; } /* PHOTOSHOW */ .slidesjs-stop,.slidesjs-play{ display:none !important; } .photoshow{ position:absolute;left:0;top:0;right:0;bottom:0; /* overflow:hidden !important; */ overflow:visible !important; overflow-y:hidden !important; /* display:none; */ /* hidden; */ } .photoshow .slidesjs-container{ overflow:hidden !important; height:100% !important; width:100% !important; } .photoshow .slidesjs-container a{ height: 100%; width: 100%; } .photoshow .slidesjs-container a img{ max-width:100% !important; max-height:100% !important; } .photoshow img{ max-width:100%; max-height:100% !important; } .slidesjs-control{ height:100% !important; /* overflow:hidden; */ width: 100% !important; } .photoshow_info{ position:absolute; bottom:0; left:0; right:0; height:20px; line-height:20px; font-size:100%; color:#333333; background:rgba(255,255,255,0.5); z-index:11; text-align:center; } .photoshow .slidesjs-previous,.photoshow .slidesjs-next { background-repeat: no-repeat; display: block !important; height: 50%; left: -1.7em; position: absolute; top: 25%; width: 1.4em; z-index: 101; } .photoshow .slidesjs-previous{ background-image:url("media/grafik/arrow-prev.png"); background-position: right center; background-size: 100% auto; } .photoshow .slidesjs-next{ background-image:url("media/grafik/arrow-next.png"); background-position: left center; background-size: 100% auto; right:-1.7em; left:auto; } .photoshow .slidesjs-pagination { display: block; height: 20px; line-height: 20px; margin: 0; padding: 0; text-align: center; width: 100%; margin-top:10px; } .photoshow .slidesjs-pagination li { display: inline-block; list-style: none outside none; margin-left: 4px; margin-right: 4px; } .photoshow .slidesjs-pagination li a { display:block; width:12px; height:0; padding-top:12px; background-image:url(media/grafik/pagination.png); background-position:0 0; float:left; overflow:hidden; margin-right:5px; margin-left:5px; } .photoshow .slidesjs-pagination li a.active { background-position:0 -12px; } .taxo_error{ color:red; margin-left:310px; } .taxo_dialog input{ height:14px; } .taxo_kv.taxo_type_text .taxo_value{ /* border:1px solid red; */ /* margin-left:180px; */ margin-bottom:1em; max-width:350px; } #io_dialog a{ text-decoration:underline; } #io_dialog a:hover{ /*color:#333333;*/ } .io_dialog_ihtml{ background:white; width:300px; margin-bottom:10px; padding-bottom:10px; } .io_dialog_buttons{ background:white; padding:3px; text-align:center; position:absolute; width:100%; height:25px; overflow:hidden; left:0; bottom:15px; } .io_dialog_buttons a{ display:inline-block; position:relative; width:100px; margin:0; padding:3px; margin-right:5px; margin-left:5px; border:1px solid #333333; color:#333333; border-radius: 4px; background-color:gray; /* font-family:helvetica; */ font-size:11px; letter-spacing:1px; } .taxo_dialog h1{ margin-top:7px; } #udb_login_link{ margin-right:10px; } .udb_dialog_error{ color:red; } .taxo_dialog{ width:900px; } img { border:0; } a{ text-decoration:none; outline: none !important; border:0px; } a:visited{ text-decoration:none; } .taxo_type_image a{ width:128px; height:128px; display:inline-block; border:1px solid #cccccc; border-radius:3px; margin-bottom:10px; } .taxo_type_image img{ max-width:128px; max-height:128px; } .io_dialog_ihtml p{ margin:0; padding:0; } li.taxo_type_ssl .taxo_label{ cursor:pointer; padding-bottom:3px; } .taxo_error{ color:red; } .taxo_dialog input{ /* height:14px; */ } .taxo_dialog ul{ width:700px; padding-left:10px; } .taxo_dialog li{ margin:3px; } .io_dialog_ihtml{ background:white; width:300px; margin-bottom:10px; padding-bottom:10px; position:relative; } .io_dialog_buttons{ background:white; padding:3px; text-align:center; position:absolute; width:100%; height:25px; overflow:hidden; left:0; bottom:5px; } #udb_login_link{ margin-right:10px; } #udb_username_span{ background: transparent none repeat scroll 0 0; color: white; display: block; height: 3em; margin: 0; padding-left: 3.5em; padding-top: 0.7em; text-align: left; } .udb_dialog_error{ color:red; } .taxo_dialog{ width:900px; } .simplemodal-wrap{ overflow-y:hidden !important; overflow-x:hidden !important; } #io_dialog ul{ margin-bottom: 0; margin-top: 0; } ul.taxo_items.sortable{ margin-bottom: 0; margin-left: 0; margin-top: 0; padding: 0; } .ace-eclipse .ace_gutter{ background:none !important; } #io_dialog.io_dialog_full .cms_page,#io_dialog.io_dialog_full #io_dialog_icontent{ left:0 !important; top:0 !important; right:0 !important; bottom:0 !important; position:absolute; } #io_dialog textarea{ min-height:6em; } #io_dialog h1,#io_dialog h2{ /* font-size:14px; */ } input.input_checkbox,input.input_radio{ border:none !important; outline:none !important; float:left; min-width:auto; } .taxo_info{ clear: both; color: #666666; font-size: 11px; margin-bottom: 10px; margin-left: 315px; max-width: 455px; } li ul li .taxo_info{ margin-left: 5px; } #io_dialog li{ margin-top:0; margin-bottom:0;} #io_dialog *{ /* font-family:helvetica; */ z-index:1000; } #io_dialog div.error{ text-align:center; font-size:14px; color:#cc0000; padding-right:40px; } .taxo_timestamp{ color:#aaa; font-size:80%; } .taxo_timestamp input{ min-width: 2em; text-align: right; width: 3.5em !important; display: inline-block; margin-right: 1em; } .taxo_combiprice{ color:#aaa; /* font-size:80%; */ } .taxo_combiprice input{ min-width: 4em; text-align: right; width: 3.5em !important; display: inline-block; margin-right: 1em; } #wrapvmid{ background:yellow; } #wrapleft{ float:left; width:185px; } #wrapright{ float:right; width:770px; } .clearer{ clear:both; font-size:1px; height:0px; } .taxo_kv{ display:block; margin-bottom:5px; min-height:20px; margin-top:5px; overflow:hidden; } .taxo_kv .taxo_label{ clear: both; margin-right: 5%; text-align: right; width: 25%; display: inline-block; float: left; color: #888; } .taxo_kv .taxo_value{ color: #333; float: left; width: 60%; line-height: 1.4em; word-wrap:break-word; } .x4_vtype_check>.x4_value>.x4_kvlist{ margin-left:2em; margin-top:0.5em; } .taxo_innerdialog li{ /* background:yellow; */ clear:both; } .taxo_item_html{ display:block; } .taxo_item.taxo_itemtype_newsitem .taxo_label{ display:none; } .taxo_item.taxo_itemtype_newsitem .taxo_value img{ float:left; } .taxo_item.taxo_itemtype_newsitem .taxo_key_title .taxo_value{ font-size:16px; } .taxo_item.taxo_itemtype_newsitem .taxo_key_desc .taxo_value{ float:left; display:block; } .taxo_item.taxo_itemtype_newsitem .taxo_item_html{ clear:both; } ul.jqtree-tree .jqtree-toggler{ font-size:16px !important; } .cms_headline{ font-size: 17px; font-weight: bold; letter-spacing: 2px; line-height: 24px; margin: 0; } .cms_apperror{ color:red; font-weight:bold; } #io_dialog ul.x4_taxo_anonitem_list li.sortable-placeholder.im_item{ height:20em !important; } #io_dialog ul.taxo_items li.sortable-placeholder{ height:45px; } #io_dialog ul.taxo_items li,#io_dialog ul.taxo_items li.sortable-placeholder{ display: block; margin-top: 3px; text-align: left; width: 80%; height: 3.5em; } ul.taxo_items li.sortable-placeholder{ border: 1px solid rgba(0, 0, 0, 0.29); background: none repeat scroll 0 0 rgba(77, 111, 255, 0.11); } p{ margin:0; } img.cms_foto_S{ max-width:64px; max-height:64px; } #io_dialog img.cms_foto_M{ max-width:100%; max-height:100%; } #cms_ajaxicon{ padding:17px; } #cms_msgbox{ display:none; background: none repeat scroll 0 0 rgba(255, 255, 255, 0.8); bottom: 0; color: #666666; height: 100%; left: 0; margin: 0; overflow: hidden; padding: 0; position: fixed; top: 0; width: 100%; z-index: 2147483647; color: black !important; padding-top: 10em; text-align: center; } #cms_msgbox i{ color:#333333; } #io_dialog_tmp{ min-width:350px; max-width:80%; border:1px solid red; } body.udb_logged_out #udb_loginhead{ display:none !important; } #btn_prevfullpic, #btn_nextfullpic,.closewaitmsg{ border: 1px solid #666666; border-radius: 1em; color: #666666; height: 2em; line-height: 2.1em; position: relative; text-align: center; width: 2em; vertical-align:top; } #btn_nextfullpic{ left:auto; } /* ///OLD: */ #fullpic_ground{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.6); bottom: 0; display: none; left: 0; position: fixed; right: 0; top: 0; z-index: 10; } #fullpic{ background: white; /* none repeat scroll 0 0 rgba(255, 255, 255, 0.99); */ border-radius: 7px 7px 7px 7px; display: none; left: 0; line-height: 100%; padding: 75px 10px 10px; position: fixed; right: 0; text-align: center; top: 0; z-index: 1000; } #fullpic .fp_navi{ /* background: none repeat scroll 0 0 #FFFF00; */ height: 2em; left: 0; line-height: 2em; position: absolute; right: 0; text-align: center; top: 0.5em !important; width: 100%; } #fullpic .fp_navi_info{ color: #AAAAAA; display: inline-block; height: 2em; min-width: 5em; } #btn_closefullpic{ color: #666666; display: block; height: 1.5em; line-height: 1.5em; position: absolute; right: 0.25em; text-align: center; top: 0.25em; width: 1.5em; } #btn_closefullpic:hover{ color:#bbbbbb; } #fullpictitle{ /* background: none repeat scroll 0 0 #FFA500; */ color: #333333; height: 2em; left: 1em; line-height: 1em; position: absolute; right: 1em; text-align: center; top: 3em; } #fullpic img.bigpic{ bottom: 0 !important; left: 0; margin: auto; max-height: 100%; max-width: 100%; right: 0; top: 0; } /* ORDERFORM */ form.cms_orderform table{ width:100%; margin-bottom:10px; } form.cms_orderform table td{ width:20%; /* border:1px solid gray; */ text-align:right; vertical-align:top; } form.cms_orderform table th.of_label_count,form.cms_orderform table th.of_label_article { text-align:left; } form.cms_orderform table th.of_label_price,form.cms_orderform table th.of_label_sum { text-align:right; } form.cms_orderform .of_title,form.cms_orderform .of_desc{ text-align:left; } form.cms_orderform .of_input_count{ width:50px; text-align:right; } form.cms_orderform td.of_count{ width:10%; } form.cms_orderform td.of_foto{ width:12%; text-align:center; } form.cms_orderform td.of_foto img.cms_foto_S{ max-width:100%; max-height:100%; } form.cms_orderform td.of_article{ width:48%; } form.cms_orderform td.of_offer{ width:15%; } form.cms_orderform td.of_midsum{ width:15%; } form.cms_orderform table td{ border:none; border-bottom:1px solid gray; height:50px; padding-top:10px; } form.cms_orderform table td.of_final{ border:none; } form.cms_orderform table { border-spacing:0; border-collapse:collapse; } form.cms_orderform .of_orderlink{ background: none repeat scroll 0 0 #eee; display: block; height: 30px; width: 200px; text-align: center; line-height: 30px; border: 1px solid; font-size: 12px; border-radius: 3px; float:right; } form.cms_orderform .of_finalsum{ font-weight:bold; } #of_preview_dialog{ width:900px; } #of_preview_dialog .of_preview_adr{ width:400px; } #of_preview_dialog .of_preview_orders{ width:500px; vertical-align:top; } #of_preview_dialog .of_preview_orders table td{ text-align:right; min-width:100px; vertical-align:top; } .gmap{ width:100%; height:100%; text-align:center; /* border:1px solid gray; */ } form.cms_orderform .of_title{ font-weight:bold; } /* TG */ .tg_rb >.tg_ets >.tg_cbx{ position:absolute; left:0; top:0; right:0; bottom:0; } #io_dialog .cms_droptarget{ opacity:0.75; background:lightblue; } .file{ background-image: url("media/grafik/file_octet.png"); background-repeat: no-repeat; background-size: auto 2em; display: block; height: 2em; line-height: 32px; margin-bottom: 1em; padding-left: 3em; } .file:hover{ opacity:0.8; } .file_zip,.file_gz,.file_rar{ background-image: url("media/grafik/file_archive.png"); } .file_txt{ background-image: url("media/grafik/file_plain.png"); } .file_js{ background-image: url("media/grafik/file_src.png"); } .file_docx,.file_doc,.file_odt{ background-image: url("media/grafik/file_word.png"); } .file_xlsx{ background-image: url("media/grafik/file_excel.png"); } .file_psd{ background-image: url("media/grafik/file_palette.png"); } .file_html{ background-image: url("media/grafik/file_html.png"); } .file_pdf{ background-image: url("media/grafik/file_pdf.png"); } .file_wav,.file_mp3,.file_midi{ background-image: url("media/grafik/file_sound.png"); } .file_svg,.file_eps{ background-image: url("media/grafik/file_svg.png"); } .file_java{ background-image: url("media/grafik/file_java.png"); } .file_tex{ background-image: url("media/grafik/file_tex.png"); } /* JQTREE */ ul.jqtree-tree { margin-left: 12px; } ul.jqtree-tree, ul.jqtree-tree ul.jqtree_common { list-style: none outside; margin-bottom: 0; padding: 0; } ul.jqtree-tree ul.jqtree_common { display: block; margin-left: 12px; margin-right: 0; } ul.jqtree-tree li.jqtree-closed > ul.jqtree_common { display: none; } ul.jqtree-tree li.jqtree_common { clear: both; list-style-type: none; } ul.jqtree-tree .jqtree-toggler { display: block; position: absolute; left: -1.5em; top: 30%; *top: 0; /* fix for ie7 */ font-size: 12px; line-height: 12px; font-family: arial; /* fix for ie9 */ border-bottom: none; cursor:pointer; color: #376DDB; } ul.jqtree-tree .jqtree-toggler:hover { color: #376DDB; } ul.jqtree-tree .jqtree-element { } ul.jqtree-tree .jqtree-title { color: #1C4257; vertical-align: middle; } ul.jqtree-tree li.jqtree-folder { margin-bottom: 4px; } ul.jqtree-tree li.jqtree-folder.jqtree-closed { margin-bottom: 1px; } ul.jqtree-tree li.jqtree-folder .jqtree-title { margin-left: 0; } ul.jqtree-tree .jqtree-toggler.jqtree-closed { background-position: 0 0; } span.jqtree-dragging { color: #fff; background: #000; opacity: 0.6; cursor: pointer; padding: 2px 8px; } ul.jqtree-tree li.jqtree-ghost { position: relative; z-index: 10; margin-right: 10px; } ul.jqtree-tree li.jqtree-ghost span { display: block; } ul.jqtree-tree li.jqtree-ghost span.jqtree-circle { background-image: url(jqtree-circle.png); background-repeat: no-repeat; height: 8px; width: 8px; position: absolute; top: -4px; left: 2px; } ul.jqtree-tree li.jqtree-ghost span.jqtree-line { background-color: #0000ff; height: 2px; padding: 0; position: absolute; top: -1px; left: 10px; width: 100%; } ul.jqtree-tree li.jqtree-ghost.jqtree-inside { margin-left: 48px; } ul.jqtree-tree span.jqtree-border { position: absolute; display: block; left: -2px; top: 0; border: solid 2px #0000ff; -webkit-border-radius: 6px; -moz-border-radius: 6px; border-radius: 6px; margin: 0; } ul.jqtree-tree .jqtree-element { width: 100%; /* todo: why is this in here? */ *width: auto; /* ie7 fix; issue 41 */ position: relative; } ul.jqtree-tree li.jqtree-selected > .jqtree-element, ul.jqtree-tree li.jqtree-selected > .jqtree-element:hover { /* background-color: #97BDD6; background: -webkit-gradient(linear, left top, left bottom, from(#BEE0F5), to(#89AFCA)); background: -moz-linear-gradient(top, #BEE0F5, #89AFCA); background: -ms-linear-gradient(top, #BEE0F5, #89AFCA); background: -o-linear-gradient(top, #BEE0F5, #89AFCA); text-shadow: 0 1px 0 rgba(255, 255, 255, 0.7);*/ } ul.jqtree-tree .jqtree-moving > .jqtree-element .jqtree-title { outline: dashed 1px #0000ff; } /* CODEMIRROR */ /* BASICS */ .x4_mobileshare{ height:3em; width:100%; overflow:hidden; position:relative; background:wheat; margin-top:1em; margin-bottom:1em; } .x4_mobileshare a{ /* border: 1px solid red; */ display: inline-block; height: 3em; line-height: 3.25em; text-align: center; vertical-align: top; width: 20%; } .x4_mobileshare a i{ font-size:150%; color:white; } .x4_mobileshare a.x4_mobshare_facebook{ background:#3a5795; } .x4_mobileshare a.x4_mobshare_twitter{ background:#55acee; } .x4_mobileshare a.x4_mobshare_gplus{ background:#ffa900; } .x4_mobileshare a.x4_mobshare_xing{ background:#026466; } .x4_mobileshare a.x4_mobshare_whatsapp{ background:#34af23; } .x4_mobilebody{ background:white; } .x4_mobilehomelink{ width:10em; } .x4_mobilebar{ /* background:#66cc33; */ } .gs_close{ font-size: 125%; position: absolute; right: 0.5em; top: 0.5em; } .x4_lang_noentry{ display: inline; color:red; font-style: italic; } .x4_lang_entry{ display: inline; /*color:;*/ /*font-style: italic;*/ /*border:1px solid;*/ background: wheat !important; color: black !important; } #edititemdialog [data-x4_kvref="email"]{ display: none !important; } 
 div.A_Togglebox_Gray a{ /* font-size:11px; */ padding-top:3px; } div.A_Togglebox_Gray h1{ border: medium none; color: #333333; display: block; font-size: 110%; font-weight: normal; line-height: 1.4em; margin-bottom: 1em; padding: 0; position: relative; z-index: 0; margin-left: 2.5em; display: inline-block; margin-top: 0.2em; cursor:pointer; } div.A_Togglebox_Gray a.box_toggle i{ color: rgba(0,0,0,0.6); font-size: 125%; margin-left: 0.2em; } div.A_Togglebox_Gray a.box_toggle:hover{ background: none repeat scroll 0 0 rgba(0, 0, 0, 0.1); } div.A_Togglebox_Gray a.box_toggle{ background: #eee none repeat scroll 0 0; display: block; height: 2em; left: 0; line-height: 1.7em; padding-left: 1em; position: absolute; top: 0; width: 100%; z-index: 0; } div.A_Togglebox_Gray{ /*background: linear-gradient(#F7DF5B 0px, #FBB321 34px, white 36px) repeat scroll 0 0 white;*/ border: 1px solid gray; border-radius: 0.2em 0.2em 0.2em 0.2em; box-shadow: 2px 2px 2px #999999; margin: 5px 5px 10px 1px; overflow: hidden; padding-bottom: 30px; padding-left: 0.5em; padding-right: 20px; position: relative; } .cms_ckeditor_body .A_Togglebox{ border:1px dotted red; } .cms_ckeditor_body .A_Togglebox h1{ border-bottom:1px dotted red; }