/* default styles for extension "tx_stswyn_pi1" */ .tx-stswyn-pi1 { margin:1em 0; padding:10px; background-color:#ECEDEE; overflow:hidden; height:16px; line-height:16px; width:97%; } .tx-stswyn-pi1 img, .content .news-single-item .tx-stswyn-pi1 img { float:none; margin:0 10px 0 0; padding:0; border-width:0; vertical-align:middle; } .ui-tooltip { padding:8px; position:absolute; z-index:9999; -o-box-shadow: 0 0 5px #aaa; -moz-box-shadow: 0 0 5px #aaa; -webkit-box-shadow: 0 0 5px #aaa; box-shadow: 0 0 5px #aaa; width: 300px; text-align:left; } /* Fades and background-images don't work well together in IE6, drop the image */ * html .ui-tooltip { background-image: none; } body .ui-tooltip { border-width:2px; } .content .tx-stswyn-ui-tooltip {text-decoration:none;float:right;width:18px;height:18px;display:block;background:transparent url('/typo3conf/ext/st_swyn/res/images/btn_help.gif') top left no-repeat;} .content .tx-stswyn-ui-tooltip:hover {background-image:url('/typo3conf/ext/st_swyn/res/images/btn_help_over.gif');} .content .tx-stswyn-ui-tooltip span {visibility:hidden;} #footerSocialBookmarks {background-color:#D9D9DB;text-align:center} #footerSocialBookmarks .tx-stswyn-pi1 {color:#3F4545;margin:0;width:345px;margin:0px auto;text-align:left;background-color:#D9D9DB;font-size:18px;line-height:18px;height:18px} /* default styles for extension "tx_felogin_pi1" */ .tx-felogin-pi1 label { display: block; } /* default styles for extension "tx_edrucksachen" */ input.f3-form-error { background-color:#FF9F9F; border: 1px #FF0000 solid; } .tx-edrucksachen table { border-collapse:separate; border-spacing:10px; } .tx-edrucksachen table th { font-weight:bold; } .tx-edrucksachen table td { vertical-align:top; } /* default styles for extension "tx_stkasconnector" */ .kasconnector {position:relative;} .kasconnector section {margin-left:0} .kasconnector-errors ul,.content .kasconnector-errors ul { background: none repeat scroll 0 0 #FBE3E4; border: 1px solid #FBC2C4; color: #8A1F11; display:block; margin-bottom: 1em; padding: 0.8em; list-style:none; } .kasconnector-success ul { background: none repeat scroll 0 0 #e6efc2; border: 1px solid #c6d880; color: #264409; display:block; margin-bottom: 1em; padding: 0.8em; list-style:none; } .kasconnector-password-index legend {font-weight:bold;} .kasconnector-password-index fieldset p {overflow:hidden;padding:5p x0} .kasconnector-password-index fieldset label {display:block;float:left;width:200px;text-align:right;padding:0 10px 0 0} .kasconnector-password-index li.errorMessage {color:# FF9F9F} .kas-newsletter {border:1px solid #c8ccce;background-color:#f5f6f6;margin:0 0 1em 0;font-size:91%} .kas-newsletter.no-border {border-width:0;} .kas-newsletter legend {display:none;} .kas-newsletter fieldset {padding:10px;border-width:0;margin:0} .kas-newsletter p.information {padding:0 10px;line-height:140%;} .kas-newsletter p.information a {color:#0044cc;} .kas-newsletter .kas-newsletterform-headline {color:#4b575e;background-color:#C8CCCE;padding:5px 0px 5px 24px;font-weight:bold;} .kas-newsletter .kas-newsletterform-wrap {padding:20px} .kas-newsletter .kas-newsletterform-wrap > form {margin:0} .kas-newsletter .formrow {overflow:hidden;padding:0 0 10px 0} .kas-newsletter .kas-newsletterform-display {display: none;} .kas-newsletter .formrow input[type="text"], .kas-newsletter .formrow input[type="password"] {width:145px;padding:5px;border:1px solid #CACBCD;background-color:#fff} .kas-newsletter .formrow select {padding:5px;border:1px solid #CACBCD;background-color:#fff} /*.kas-newsletter .formrow input[type="checkbox"] {border:1px solid #CACBCD;background-color:#fff}*/ .kas-newsletter .formrow.formrow-twocol input[type="text"] {width:60px} .kas-newsletter .formrow.formrow-twocol select {width:81px} .kas-newsletter .formrow.formrow-newsletters p {margin-top:0;padding-top:0} .kas-newsletter .formrow.formrow-links {line-height:140%} .kas-newsletter .formrow.formrow-links a, .kas-newsletter .formrow.formrow-grey {color:#4B575E;text-decoration:none} .kas-newsletter .formrow.formrow-dataPrivacyStatement,.kas-newsletter .formrow.formrow-dataPrivacyStatement a {color:#4B575E} .kas-newsletter .formrow.formrow-dataPrivacyStatement input {float:left;} .kas-newsletter .formrow.formrow-dataPrivacyStatement label.dataPrivacyStatement-label {float:none;clear:none;display:inline;line-height:15px;width:auto;border-width:0} .kas-newsletter li.errorMessage {color:#AD0031} .kas-newsletter .formrow input.f3-form-error, .kas-newsletter .formrow select.f3-form-error {background-color:#fff;border:1px solid #AD0031} .kas-newsletter .kas-newsletterform-submit, .kasconnector a.kas-newsletterform-submit, .kasconnector input.kas-newsletterform-submit { background: url(/fileadmin/templates/_shared/gfx/back_formbutton.gif) no-repeat top left transparent; color: #FFFFFF; font-size: 11px; margin: 0; padding: 1px 10px 2px 25px; border-width: 0; overflow: visible; min-width: 120px; font-family: Verdana,Arial,Helvetica,sans-serif; } .kasconnector a.kas-newsletterform-submit { color:#fff; display:inline-block; text-decoration:none; font-size:11px; font-weight:normal; font-family:sans-serif; min-width: 100px; } .kas-newsletter .formrow a.InternerLinkHighlight { background: url("/fileadmin/templates/_shared/css/../gfx/icn_link_content_over.gif") no-repeat scroll 0 2px transparent; border: 0 none; color: #FF6600; margin: 0; padding: 0 0 0 12px; text-decoration: none; } .kas-newsletterform-image {float:left;margin:0 10px 10px 0} #contentContainer2 .formrow-stack, #contentContainer3 .formrow-stack {overflow:visible;display:inline} #contentContainer2 .formrow-dataPrivacyStatement, #contentContainer3 .formrow-dataPrivacyStatement {clear:left;padding-top:10px} #contentContainer2 .kas-newsletter .formrow.formrow-stack input[type="text"], #contentContainer2 .kas-newsletter .formrow.formrow-stack select, #contentContainer3 .kas-newsletter .formrow.formrow-stack input[type="text"], #contentContainer3 .kas-newsletter .formrow.formrow-stack select {width:20%} #contentContainer2 .kas-newsletter, #contentContainer3 .kas-newsletter {font-size:100%} #marginInfoBoxContainer .kas-newsletter { margin: 1px 20px 0 5px; } #marginContent .kas-newsletter .formrow.formrow-dataPrivacyStatement label.dataPrivacyStatement-label {float:left;width:125px;padding-left:5px} .kasconnector-login-showLogout {width:50%;text-align:right;position:absolute;top:0;right:0} .space-before {margin-top:1em} .space-after {margin-bottom:1em} .kas-newsletter .bold {font-weight:bold} .kas-newsletter .formrow input.wide {width:200px} .kas-newsletter input#adsByEmailAgreed {float:left} .kas-newsletter label#adsByEmailAgreedLabel {font-weight:normal;float:left;width:90%;padding-left:3px} #passwordStrength { display: inline-block; width: 18px; height:18px; background: url("/typo3conf/ext/formhandler/Resources/Public/Images/notok.png") top left no-repeat #F5F6F6; vertical-align: middle; } /* default styles for extension "tx_stbavlogin" */ textarea.f3-form-error { background-color:#FF9F9F; border: 1px #FF0000 solid; } input.f3-form-error { background-color:#FF9F9F; border: 1px #FF0000 solid; } .tx-st-bavlogin table { border-collapse:separate; border-spacing:10px; } .tx-st-bavlogin table th { font-weight:bold; } .tx-st-bavlogin table td { vertical-align:top; } /*! normalize.css 2012-03-11T12:53 UTC - http://github.com/necolas/normalize.css */ /* ============================================================================= HTML5 display definitions ========================================================================== */ /* * Corrects block display not defined in IE6/7/8/9 & FF3 */ article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary { display: block; } /* * Corrects inline-block display not defined in IE6/7/8/9 & FF3 */ audio, canvas, video { display: inline-block; *display: inline; *zoom: 1; } /* * Prevents modern browsers from displaying 'audio' without controls * Remove excess height in iOS5 devices */ audio:not([controls]) { display: none; height: 0; } /* * Addresses styling for 'hidden' attribute not present in IE7/8/9, FF3, S4 * Known issue: no IE6 support */ [hidden] { display: none; } /* ============================================================================= Base ========================================================================== */ /* * 1. Corrects text resizing oddly in IE6/7 when body font-size is set using em units * http://clagnut.com/blog/348/#c790 * 2. Prevents iOS text size adjust after orientation change, without disabling user zoom * www.456bereastreet.com/archive/201012/controlling_text_size_in_safari_for_ios_without_disabling_user_zoom/ */ html { font-size: 100%; /* 1 */ -webkit-text-size-adjust: 100%; /* 2 */ -ms-text-size-adjust: 100%; /* 2 */ } /* * Addresses font-family inconsistency between 'textarea' and other form elements. */ html, button, input, select, textarea { font-family: sans-serif; } /* * Addresses margins handled incorrectly in IE6/7 */ body { margin: 0; } /* ============================================================================= Links ========================================================================== */ /* * Addresses outline displayed oddly in Chrome */ a:focus { outline: thin dotted; } /* * Improves readability when focused and also mouse hovered in all browsers * people.opera.com/patrickl/experiments/keyboard/test */ a:hover, a:active { outline: 0; } /* ============================================================================= Typography ========================================================================== */ /* * Addresses font sizes and margins set differently in IE6/7 * Addresses font sizes within 'section' and 'article' in FF4+, Chrome, S5 */ h1 { font-size: 2em; margin: 0.67em 0; } h2 { font-size: 1.5em; margin: 0.83em 0; } h3 { font-size: 1.17em; margin: 1em 0; } h4 { font-size: 1em; margin: 1.33em 0; } h5 { font-size: 0.83em; margin: 1.67em 0; } h6 { font-size: 0.75em; margin: 2.33em 0; } /* * Addresses styling not present in IE7/8/9, S5, Chrome */ abbr[title] { border-bottom: 1px dotted; } /* * Addresses style set to 'bolder' in FF3+, S4/5, Chrome */ b, strong { font-weight: bold; } blockquote { margin: 1em 40px; } /* * Addresses styling not present in S5, Chrome */ dfn { font-style: italic; } /* * Addresses styling not present in IE6/7/8/9 */ mark { background: #ff0; color: #000; } /* * Addresses margins set differently in IE6/7 */ p, pre { margin: 1em 0; } /* * Corrects font family set oddly in IE6, S4/5, Chrome * en.wikipedia.org/wiki/User:Davidgothberg/Test59 */ pre, code, kbd, samp { font-family: monospace, serif; _font-family: 'courier new', monospace; font-size: 1em; } /* * Improves readability of pre-formatted text in all browsers */ pre { white-space: pre; white-space: pre-wrap; word-wrap: break-word; } /* * 1. Addresses CSS quotes not supported in IE6/7 * 2. Addresses quote property not supported in S4 */ /* 1 */ q { quotes: none; } /* 2 */ q:before, q:after { content: ''; content: none; } small { font-size: 75%; } /* * Prevents sub and sup affecting line-height in all browsers * gist.github.com/413930 */ sub, sup { font-size: 75%; line-height: 0; position: relative; vertical-align: baseline; } sup { top: -0.5em; } sub { bottom: -0.25em; } /* ============================================================================= Lists ========================================================================== */ /* * Addresses margins set differently in IE6/7 */ dl, menu, ol, ul { margin: 1em 0; } dd { margin: 0 0 0 40px; } /* * Addresses paddings set differently in IE6/7 */ menu, ol, ul { padding: 0 0 0 40px; } /* * Corrects list images handled incorrectly in IE7 */ nav ul, nav ol { list-style: none; list-style-image: none; } /* ============================================================================= Embedded content ========================================================================== */ /* * 1. Removes border when inside 'a' element in IE6/7/8/9, FF3 * 2. Improves image quality when scaled in IE7 * code.flickr.com/blog/2008/11/12/on-ui-quality-the-little-things-client-side-image-resizing/ */ img { border: 0; /* 1 */ -ms-interpolation-mode: bicubic; /* 2 */ } /* * Corrects overflow displayed oddly in IE9 */ svg:not(:root) { overflow: hidden; } /* ============================================================================= Figures ========================================================================== */ /* * Addresses margin not present in IE6/7/8/9, S5, O11 */ figure { margin: 0; } /* ============================================================================= Forms ========================================================================== */ /* * Corrects margin displayed oddly in IE6/7 */ form { margin: 0; } /* * Define consistent border, margin, and padding */ fieldset { border: 1px solid #c0c0c0; margin: 0 2px; padding: 0.35em 0.625em 0.75em; } /* * 1. Corrects color not being inherited in IE6/7/8/9 * 2. Corrects text not wrapping in FF3 * 3. Corrects alignment displayed oddly in IE6/7 */ legend { border: 0; /* 1 */ padding: 0; white-space: normal; /* 2 */ *margin-left: -7px; /* 3 */ } /* * 1. Corrects font size not being inherited in all browsers * 2. Addresses margins set differently in IE6/7, FF3+, S5, Chrome * 3. Improves appearance and consistency in all browsers */ button, input, select, textarea { font-size: 100%; /* 1 */ margin: 0; /* 2 */ vertical-align: baseline; /* 3 */ *vertical-align: middle; /* 3 */ } /* * Addresses FF3/4 setting line-height on 'input' using !important in the UA stylesheet */ button, input { line-height: normal; /* 1 */ } /* * 1. Improves usability and consistency of cursor style between image-type 'input' and others * 2. Corrects inability to style clickable 'input' types in iOS * 3. Removes inner spacing in IE7 without affecting normal text inputs * Known issue: inner spacing remains in IE6 */ button, input[type="button"], input[type="reset"], input[type="submit"] { cursor: pointer; /* 1 */ -webkit-appearance: button; /* 2 */ *overflow: visible; /* 3 */ } /* * Re-set default cursor for disabled elements */ button[disabled], input[disabled] { cursor: default; } /* * 1. Addresses box sizing set to content-box in IE8/9 * 2. Removes excess padding in IE8/9 * 3. Removes excess padding in IE7 Known issue: excess padding remains in IE6 */ input[type="checkbox"], input[type="radio"] { box-sizing: border-box; /* 1 */ padding: 0; /* 2 */ *height: 13px; /* 3 */ *width: 13px; /* 3 */ } /* * 1. Addresses appearance set to searchfield in S5, Chrome * 2. Addresses box-sizing set to border-box in S5, 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; } /* * Removes inner padding and search cancel button in S5, Chrome on OS X */ input[type="search"]::-webkit-search-decoration, input[type="search"]::-webkit-search-cancel-button { -webkit-appearance: none; } /* * Removes inner padding and border in FF3+ * www.sitepen.com/blog/2008/05/14/the-devils-in-the-details-fixing-dojos-toolbar-buttons/ */ button::-moz-focus-inner, input::-moz-focus-inner { border: 0; padding: 0; } /* * 1. Removes default vertical scrollbar in IE6/7/8/9 * 2. Improves 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; } html {font-size:0.750em;} body {font-family:verdana,arial,sans-serif;text-align:center} #container { text-align: left; margin: 0px auto; overflow:hidden; width:320px; } #main {overflow:hidden;} #main,footer{padding:0 20px} /** General **/ .reset-list,.reset-list li,.reset-list ul {list-style:none;margin:0;padding:0;} .reset-list a {text-decoration:none;} .inline-list, .inline-list li {display:inline} a {outline: 0;} /** Header **/ header { background: url('/fileadmin/templates/_shared/bavdesign/images/logo_reguvis.png') 10px 10px no-repeat #BA0C2F; height:84px; position:relative; -moz-box-shadow: 0px 2px 5px rgba(0,0,0,.5); -webkit-box-shadow: 0px 2px 5px rgba(0,0,0,.5); box-shadow: 0px 2px 5px rgba(0,0,0,.5); } header h1 {margin:0;padding:0} header h1 a {text-decoration:none;display:block;height:84px;width:255px;} header h1 a span {display:none;} /** Header > Navigations **/ #service {position:absolute;right:5px;top:5px;line-height:100%} #service a {color:#fff;font-size:0.8em;display:block;float:left;padding:0 10px 0 10px;} #service li:last-child a {padding-right:0;} #shop {display:block;position:absolute;bottom:0;right:0;width:172px;line-height:100%} #shop a {color:#fff;padding:10px 0;display:inline-block;float:left;width:84px;border:1px solid #fff;border-width:1px 1px 0px 1px;background-color:#4a5861;text-align:center;} #shop li:first-child a {border-width:1px 0px 0px 1px;} /** Content **/ h2 {color: #000;border-bottom:1px dotted #6c7780;padding-bottom:1em;margin-bottom:1em} .teaser img:first-child {border-bottom:2px solid #fff;} .teaser h3 {margin:0} .teaser p {margin-top:0;} .teaser .teaser-body {padding:10px;color:#4a5861} /** Content > Navigations **/ .portal-navigation {line-height:23px} .portal-navigation a {color:#231f20;} .arrow {display:inline-block;width:7px;height:5px;margin-bottom:2px;background:url('../../fileadmin/templates/bundesanzeiger_verlag/images/portal_navigation_arrow.png') 0% 50% no-repeat #ff0000} .portal-navigation .flag {display:block;padding-left:20px;background-position:0 7px; background-color:transparent; background-repeat:no-repeat} .flag-brd {background-image:url('../../fileadmin/templates/bundesanzeiger_verlag/images/flag_brd.png');} .flag-eu {background-image:url('../../fileadmin/templates/bundesanzeiger_verlag/images/flag_eu.png');} .flag-aw {background-image:url('../../fileadmin/templates/bundesanzeiger_verlag/images/flag_aw.png');} .flag-aw .arrow {background-color:#CF1735;} .flag-biv {background-image:url('../../fileadmin/templates/bundesanzeiger_verlag/images/flag_biv.png');} .flag-biv .arrow {background-color:#0076C0;} .flag-uw {background-image:url('../../fileadmin/templates/bundesanzeiger_verlag/images/flag_uw.png');} .flag-uw .arrow {background-color:#4E94B3;} .flag-stg {background-image:url('../../fileadmin/templates/bundesanzeiger_verlag/images/flag_stg.png');} .flag-stg .arrow {background-color:#F7931D;} .flag-fbs {background-image:url('../../fileadmin/templates/bundesanzeiger_verlag/images/flag_fbs.png');} .flag-fbs .arrow {background-color:#0094DA;} .flag-esv {background-image:url('../../fileadmin/templates/bundesanzeiger_verlag/images/flag_esv.png');} .flag-esv .arrow {background-color:#00A9AC;} .flag-bds{background-image:url('../../fileadmin/templates/bundesanzeiger_verlag/images/flag_bds.png');} .flag-bds .arrow {background-color:#FFCB08;} .portal-navigation li ul { z-index:999; position:absolute; left:-999em; padding:0px 0px 8px 8px; background-color:#fff; background-color:rgba(255,255,255,1); width:200px; border-style:dotted; border-width:0px 1px 1px 1px; border-color:#000000; } .portal-navigation li {border-color:#ffffff;border-width:1px 1px 1px 0px;border-style:dotted;} .portal-navigation li:hover {position:relative;cursor:pointer;border-color:#000000;width:209px;} .portal-navigation li:hover li {width:auto;border-width:0;} .portal-navigation li:hover ul {top:22px;left:20px;} .portal-navigation li:hover li a:hover {color:#FF6600} .portal-navigation ul a {padding-left:5px;color:#231f20} /** Aside > Navigation **/ aside nav li.has-sub a { background-image: url('../../fileadmin/templates/bundesanzeiger_verlag/images/icn_navi2.gif'); } aside nav li a, aside nav li.has-sub li a, aside nav li.has-sub li.has-sub li a { color:#4B575E; background: url('../../fileadmin/templates/bundesanzeiger_verlag/images/icn_navi1.gif') no-repeat scroll 0px 3px transparent; display:block; padding:0 0 8px 20px; } aside nav li a:hover,aside nav li.active a,aside nav li.has-sub li.active a,aside nav li.has-sub li.has-sub li.active a {color:#ff6600} aside nav ul.reset-list ul {padding:0 0 0 20px} /** Footer **/ footer {clear:both;border-top:2px dotted #a7a5a6;padding-top:1em;margin-top:1em;border-bottom:2px dotted #a7a5a6;padding-bottom:1em;margin-bottom:1em;overflow:hidden;font-size:0.9em} footer, footer a, footer ul.reset-list li a ,footer ul.reset-list li a:link,footer ul.reset-list li a:active,footer ul.reset-list li a:visited {color:#a7a5a6;text-decoration:none;background-image:none;padding-left:0} footer em {font-weight:bold;font-style:normal;text-transform:uppercase;} footer .reset-list ul {margin-bottom:1em;} footer .reset-list li li {float:none;width:auto;margin-right:0;padding:0.2em 0} /** Sections & Articles **/ article {width:190px} section {overflow:hidden;} .teaser {background-color:#e4e8ec;} .span1, .span2 {margin-bottom:2em;} .decorative {display:none;} .span1 DIV.csc-textpic DIV.csc-textpic-single-image IMG, .span2 DIV.csc-textpic DIV.csc-textpic-single-image IMG { margin-bottom: 0px; } #main a { color: #00677f; } #main .Tx-Formhandler form.formhandler_form { width: 100%; } #main .Tx-Formhandler form.formhandler_form .csc-mailform-field { margin-bottom: 10px; min-height: 25px; } #main .Tx-Formhandler form.formhandler_form .checkbox label { width: 95%; } #main .Tx-Formhandler form.formhandler_form .checkbox input { float: left; } #main .Tx-Formhandler form.formhandler_form .error, #main .Tx-Formhandler form.formhandler_form .success { position: absolute; margin-left: 3px; } .csc-mailform-field.pos { display: none; } .Tx-Formhandler form .csc-mailform-field-submit { float: right; } #main .Tx-Formhandler fieldset.csc-mailform { padding: 10px; } #main .Tx-Formhandler form fieldset.csc-mailform div.csc-mailform-field input[type="text"], #main .Tx-Formhandler form fieldset.csc-mailform div.csc-mailform-field input[type="password"], #main .Tx-Formhandler form fieldset.csc-mailform div.csc-mailform-field input[type="search"], #main .Tx-Formhandler form fieldset.csc-mailform div.csc-mailform-field select { margin: 0 0 10px 0; background: white; padding: 2px 3px 3px 2px; color: #4b575e; border: 1px solid #939a9e; box-shadow: inset 0 1px 2px rgba(0, 0, 0, 0.19); outline: 0; height: 23px; } #main .Tx-Formhandler form fieldset.csc-mailform div.csc-mailform-field input[type="text"]:hover, #main .Tx-Formhandler form fieldset.csc-mailform div.csc-mailform-field input[type="password"]:hover, #main .Tx-Formhandler form fieldset.csc-mailform div.csc-mailform-field input[type="search"]:hover, #main .Tx-Formhandler form fieldset.csc-mailform div.csc-mailform-field select:hover { border: 1px solid #45535b; } #main .Tx-Formhandler form fieldset.csc-mailform div.csc-mailform-field input[type="text"]:focus, #main .Tx-Formhandler form fieldset.csc-mailform div.csc-mailform-field input[type="password"]:focus, #main .Tx-Formhandler form fieldset.csc-mailform div.csc-mailform-field input[type="search"]:focus, #main .Tx-Formhandler form fieldset.csc-mailform div.csc-mailform-field select:focus { border: 1px solid #45535b; } #main .Tx-Formhandler form fieldset.csc-mailform div.csc-mailform-field select { height: 30px; } #main .Tx-Formhandler form fieldset.csc-mailform .radio { padding-bottom: 10px; } #main .Tx-Formhandler form fieldset.csc-mailform .formSubmitBtnRight { background: #ff6600; line-height: 16px; padding: 6px 10px 5px 10px; display: inline-block; color: white !important; text-decoration: none; margin-bottom: 20px; border: 0; } @media only screen and (min-width: 20px) { .Tx-Formhandler form.formhandler_form { width: 100%; } .Tx-Formhandler form label { width: 150px; display: inline-block; } #main .Tx-Formhandler form select { width: 83%; } .Tx-Formhandler form input[type="text"],.Tx-Formhandler form input[type="password"], .Tx-Formhandler form textarea { width: 88%; } #main .Tx-Formhandler form input[type="text"],.Tx-Formhandler form input[type="password"], .Tx-Formhandler form textarea { width: 83%; } } @media only screen and (min-width: 480px) { #container {width:480px;} .span1,.span2 {float:left} .span2 nav {width:450px} .span1 {clear:left;margin-right:30px} section {width:450px;} #main .Tx-Formhandler form select { width: auto; } .Tx-Formhandler form label { width: 100px; display: inline-block; } } @media only screen and (min-width: 768px) { #container {width:768px;} #service {top:10px;right:20px;} #shop {left:50%;margin-left:-85px;right:auto} footer li {float:left;width:19%;margin-right:1%} footer li.hotline{float:right;margin:0;border-left:2px dotted #a7a5a6;border-right:2px dotted #a7a5a6;padding-left:1%;width:20%;min-height:200px;} .span1 nav {width:auto;} .span1 {width:349px;clear:left;} .span2 {width:349px;min-height:192px} article {width:auto;} .decorative {display:block;} section {width:728px;} aside {float:left;width:240px} aside nav {padding:40px 0 0 20px} .content.with-side-navigation {float:right;width:488px;padding-top:40px} .content.with-side-navigation h2:first-child {margin-top:0;} .content.without-side-navigation {width:auto;float:none} .contentContainerFlex {overflow:hidden;margin:1em 0;} .contentContainer2spaltig {width:48%;} .contentContainer2spaltig {float:right;} .contentContainer2spaltig:first-child {float:left} .Tx-Formhandler form label { width: 150px; display: inline-block; } .Tx-Formhandler form.formhandler_form { width: 50%; } .Tx-Formhandler form input[type="text"],.Tx-Formhandler form input[type="password"], .Tx-Formhandler form textarea { width: 47%; } #main .Tx-Formhandler form input[type="text"],.Tx-Formhandler form input[type="password"], .Tx-Formhandler form textarea { width: 67%; } #main .Tx-Formhandler form fieldset.csc-mailform .odd1 input { width: 48%; } #main .Tx-Formhandler form fieldset.csc-mailform .odd1, #main .Tx-Formhandler form fieldset.csc-mailform .even1, #main .Tx-Formhandler form fieldset.csc-mailform .even2, #main .Tx-Formhandler form fieldset.csc-mailform .odd2 { display: inline; } #main .Tx-Formhandler form fieldset.csc-mailform .even1 label { width: 40px; margin-left: 10px; } #main .Tx-Formhandler form fieldset.csc-mailform .even1 input { width: 9%; } #main .Tx-Formhandler form fieldset.csc-mailform .even2 input { width: 48%; } #main .Tx-Formhandler form fieldset.csc-mailform .even2 label { width: 40px; margin-left: 10px; } #main .Tx-Formhandler form fieldset.csc-mailform .odd2 input { width: 9%; } } @media only screen and (min-width: 1024px) { #container {width: 960px;} section {width:450px;float:left;margin-left:60px;} section:first-child {margin:0;} .span1 {width:190px;} .span2 {width:230px;} article {width:190px} footer {margin-top:2em;} #main,footer {padding-left:0;padding-right:0;} .content.with-side-navigation {width:720px;} #main .Tx-Formhandler form input[type="text"],.Tx-Formhandler form input[type="password"], .Tx-Formhandler form textarea { width: 65%; } #main .Tx-Formhandler fieldset.csc-mailform { padding: 40px; } } hr { border: none; border-top: 1px solid #aaa; margin: 30px 0; clear: both; overflow: hidden; } a.internalLink {text-decoration: underline; margin: 0; padding: 0;} a.internalLink:link, a.internalLink:active, a.internalLink:visited {color: #000;} a.internalLink:hover {color: #ff6600;} a.externalLink {margin: 0; padding: 0 0 0 12px; text-decoration: none;} a.externalLink:link, a.externalLink:active, a.externalLink:visited {color: #ff6600; background: url(/fileadmin/templates/_shared/gfx/icn_externallink_content_over.gif) no-repeat 0 4px;} a.externalLink:hover {color: #4b575e; background: url(/fileadmin/templates/_shared/gfx/icn_externallink_content.gif) no-repeat 0 4px;} a.InternerLinkHighlight {margin: 0; padding: 0 0 0 12px; text-decoration: none;} a.InternerLinkHighlight:link, a.InternerLinkHighlight:active, a.InternerLinkHighlight:visited {color: #ff6600; background: url(/fileadmin/templates/_shared/gfx/icn_link_content_over.gif) no-repeat 0 2px; border: 0;} a.InternerLinkHighlight:hover {color: #4b575e; background: url(/fileadmin/templates/_shared/gfx/icn_link_content.gif) no-repeat 0 2px; border: 0;} a.ExternerLinkHighlight {margin: 0; padding: 0 0 0 12px; text-decoration: none;} a.ExternerLinkHighlight:link, a.ExternerLinkHighlight:active, a.ExternerLinkHighlight:visited {color: #ff6600; background: url(/fileadmin/templates/_shared/gfx/icn_externallink_content_over.gif) no-repeat 0 3px; border: 0;} a.ExternerLinkHighlight:hover {color: #4b575e; background: url(/fileadmin/templates/_shared/gfx/icn_externallink_content.gif) no-repeat 0 3px; border: 0;} a.InternerLinkGrau {margin: 0; padding: 0 0 0 12px; text-decoration: none;} a.InternerLinkGrau:link, a.InternerLinkGrau:active, a.InternerLinkGrau:visited {color: #4b575e; background: url(/fileadmin/templates/_shared/gfx/icn_link_content.gif) no-repeat 0 2px; border: 0;} a.InternerLinkGrau:hover {color: #ff6600; background: url(/fileadmin/templates/_shared/gfx/icn_link_content_over.gif) no-repeat 0 2px; border: 0;} a.ExternerLinkGrau {margin: 0; padding: 0 0 0 12px; text-decoration: none;} a.ExternerLinkGrau:link, a.ExternerLinkGrau:active, a.ExternerLinkGrau:visited {color: #4b575e; background: url(/fileadmin/templates/_shared/gfx/icn_externallink_content.gif) no-repeat 0 3px; border: 0;} a.ExternerLinkGrau:hover {color: #ff6600; background: url(/fileadmin/templates/_shared/gfx/icn_externallink_content_over.gif) no-repeat 0 3px; border: 0;} /* RR edit Mimetypes */ a.RSS, a.WordDokument, a.ExcelDokument, a.PDFDokument, a.VideoDatei, a.VideoSeite, a.EMail, a.Archiv, a.GeneralDownload, a.ShopLink { margin: 0; padding:2px 0 4px 22px; text-decoration: none; } a.ShopLink { padding:0 0 4px 30px; text-decoration: none; } a.PDFDokument:link, a.PDFDokument:active, a.PDFDokument:visited {color: #ff6600; background: url(/fileadmin/templates/_shared/gfx/mime_pdf.gif) no-repeat left top; border: 0;} a.PDFDokument:hover {color: #4b575e; background: url(/fileadmin/templates/_shared/gfx/mime_pdf.gif) no-repeat left top; border: 0;} a.WordDokument:link, a.WordDokument:active, a.WordDokument:visited {color: #ff6600; background: url(/fileadmin/templates/_shared/gfx/mime_word_2010.gif) no-repeat left top; border: 0;} a.WordDokument:hover {color: #4b575e; background: url(/fileadmin/templates/_shared/gfx/mime_word_2010.gif) no-repeat left top; border: 0;} a.ExcelDokument:link, a.ExcelDokument:active, a.ExcelDokument:visited {color: #ff6600; background: url(/fileadmin/templates/_shared/gfx/mime_excel_2010.gif) no-repeat left top; border: 0;} a.ExcelDokument:hover {color: #4b575e; background: url(/fileadmin/templates/_shared/gfx/mime_excel_2010.gif) no-repeat left top; border: 0;} a.GeneralDownload:link, a.GeneralDownload:active, a.GeneralDownload:visited {color: #ff6600; background: url(/fileadmin/templates/_shared/gfx/mime_generalDownload.gif) no-repeat left top; border: 0;} a.GeneralDownload:hover {color: #4b575e; background: url(/fileadmin/templates/_shared/gfx/mime_generalDownload.gif) no-repeat left top; border: 0;} a.Archiv:link, a.Archiv:active, a.Archiv:visited {color: #ff6600; background: url(/fileadmin/templates/_shared/gfx/mime_package.gif) no-repeat left top; border: 0;} a.Archiv:hover {color: #4b575e; background: url(/fileadmin/templates/_shared/gfx/mime_package.gif) no-repeat left top; border: 0;} a.RSS:link, a.RSS:active, a.RSS:visited {color: #ff6600; background: url(/fileadmin/templates/_shared/gfx/mime_rss.gif) no-repeat left top; border: 0;} a.RSS:hover {color: #4b575e; background: url(/fileadmin/templates/_shared/gfx/mime_rss.gif) no-repeat left top; border: 0;} a.VideoDatei:link, a.VideoDatei:active, a.VideoDatei:visited, a.VideoSeite:link, a.VideoSeite:active, a.VideoSeite:visited {color: #ff6600; background: url(/fileadmin/templates/_shared/gfx/mime_video.gif) no-repeat left top; border: 0;padding:10px 0 4px 25px;} a.VideoDatei:hover, a.VideoSeite:hover {color: #4b575e; background: url(/fileadmin/templates/_shared/gfx/mime_video.gif) no-repeat left top; border: 0;padding:10px 0 4px 25px;} a.EMail:link, a.EMail:active, a.EMail:visited {color: #ff6600; background: url(/fileadmin/templates/_shared/gfx/icon_email.gif) no-repeat left top; border: 0;} a.EMail:hover {color: #4b575e; background: url(/fileadmin/templates/_shared/gfx/icon_email.gif) no-repeat left top; border: 0;} a.ShopLink:link, a.ShopLink:active, a.ShopLink:visited {color: #ff6600; background: url(/fileadmin/templates/_shared/gfx/btn_warenkorb.gif) no-repeat left top; border: 0;} a.ShopLink:hover {color: #4b575e; background: url(/fileadmin/templates/_shared/gfx/btn_warenkorb_over.gif) no-repeat left top; border: 0;} .hinweisBox1 {background: #f5f6f6; padding: 20px; color: #4b575e; margin:0 0 20px;} .hinweisBox1 h5 {font-weight: bold; font-size: 100%; color: #4b575e; padding-bottom: 1em;} #main > .hinweisBox1 {clear: both;} .hinweisBox2 {background: #e4e5e7;padding: 0 0 5px 0; clear:left;overflow:auto; margin:0 0 20px;} .hinweisBox2 h5 {color: #fff; padding: 3px 20px; background: #a5aaae; font-size: 100%; font-weight: bold; margin: 0 0 20px 0;} .hinweisBox2 p {padding: 0 20px 1em 20px;} .hinweisBox2 img {padding-left:10px} .content.with-side-navigation h3 {font-size: 109%; line-height: 1.33em; color: #4b575e; font-weight: bold; margin: 1em 0 0 0; padding: 0 0 1em 0;} .content.with-side-navigation h4 {font-size: 100%; color: #4b575e; font-weight: bold; margin: 0; padding: 0 0 1em 0;} .content.with-side-navigation h5 {font-size: 100%; color: #000; font-weight: bold; margin: 0; padding: 0 0 0.5em 0;} .content.with-side-navigation h6 {font-size: 91%; color: #a5aaae; font-weight: normal; margin: 0 0 0.8em 0; padding: 0 0 0.2em 0; border-bottom: 1px solid #c8ccce;} /* #3558 */ .tx-stswyn-pi1 {width:auto;} .content .eventContainer .event-title h4 { margin: 0; padding: 0; font-size: 100%; font-weight: bold; } .eventContainer { border-bottom:1px solid #ccc; display:block; display:table; width:100%; padding: 10px 0 } .eventfilter { clear:left; } .eventfilter .filterblock { width:25%; float:left; } .eventfilter .filterblock label{ border:0px solid; clear:left; display:block; float:none; width:100%; } .eventfilter .filterblock select{ border-color: #CCDDCC; border-style:none none solid; border-width:0 0 1px; clear:left; float:none; padding:0; width:100%; } .event-title { width:100%; float:none;clear:left; font-weight:bold; } .event-data { width:80%; float:left; } .event-data .organizer { color:#4B575E; font-weight:bold; } .event-data .location { color:#4B575E; font-weight:bold; } .eventContainer .more { width:18%; float:right; text-align:right; } .event-register { width:100%; clear:left; } .event-register .register {width:80%;} .onpage_newsevent_rl_register { text-align:right;float:right;} .news-single-item .event-single-backlink { width:50%; float:left;} .news-single-item .register {width:100%; display:block; clear:left;} .eventtext { color:#4B575E; font-weight:bold; } .organizer { color:#4B575E; font-weight:bold; } .location { color:#4B575E; font-weight:bold; } .registerlabel {color:#4B575E; font-weight:bold;} .date { color:#4B575E; font-weight:bold; } .content a.eventRegLink, .content a.eventRegLink:visited, .content a.eventRegLink:link { background:transparent url('../../fileadmin/templates/bundesanzeiger_verlag/gfx/icn_externallink_content.gif') no-repeat scroll 0 2px; border:0 none; color:#4B575E; margin:0; padding:0 0 0 12px; text-decoration:none; font-size:11px; line-height:15px; } .content a.eventRegLink:hover {background:transparent url('../../fileadmin/templates/bundesanzeiger_verlag/gfx/icn_externallink_content_over.gif') no-repeat scroll 0 2px; color: #FF6600;} .content .news-single-item .onpage_newsevent_rl_registerclosed, .content .news-single-item .onpage_newsevent_rl_register{ clear:left; display:block; margin:22px 0; } .news-single-item .onpage_newsevent_rl_noendevent, .news-single-item .onpage_newsevent_rl_multidayevent, .news-single-item .onpage_newsevent_rl_singledayevent { display:block; padding:0;} .news-single-item .event-single-backlink { padding: 20px 0 0 0; } .content .tx-sttabs-pi1 {border-width:0;font-size:11px;font-family:verdana,arial;line-height:15px;margin:0 0 1em 0} .content .tx-sttabs-pi1 p {margin: 0; padding: 0 0 1em; text-align: left;} .content .tx-sttabs-pi1 .ui-widget-header {background-image:none;background-color:transparent} .content .tx-sttabs-pi1 .ui-tabs-nav {border-width:0 0 1px 0;padding-left:0;border-color:#D2D5D7} .content .tx-sttabs-pi1 .ui-tabs-nav li {border-radius:0;margin-right:0;background-image:none;border-color:#D2D5D7} .content .tx-sttabs-pi1 .ui-tabs-nav li a {color:#A5ABAF} .content .tx-sttabs-pi1 .ui-widget-content {border:1px solid #D2D5D7;border-width:0px 1px 1px 1px;background-color:#F6F6F7} .content .tx-sttabs-pi1 .ui-tabs-nav li.ui-state-active {background-color:#e5e5e5} .content .tx-sttabs-pi1 .ui-tabs-nav li.ui-state-active a {color:#4C575F} .content .tx-sttabs-pi1 .ui-tabs-nav .ui-state-default {background-color:#ffffff} .content .tx-sttabs-pi1 a.naviLink {display: block; margin-top: 1em; padding: 10px 20px; text-align: center; text-transform: uppercase;} .content .tx-sttabs-pi1 a.naviLink:link, .content .tx-sttabs-pi1 a.naviLink:active, .content .tx-sttabs-pi1 a.naviLink:visited {color: #000; background: #fdc613;} .content .tx-sttabs-pi1 a.naviLink:hover {color: #fff; background: #4b575e;} .content .tx-sttabs-pi1 .st-tabs-content {overflow:hidden} /** ST Tabs für Formulare **/ .content .formTabs {border-width:0;font-size:11px;font-family:verdana,arial;line-height:15px;margin:0 0 1em 0;padding:0} .content .formTabs .ui-widget-header {background-image:none;background-color:transparent} .content .formTabs .ui-tabs-nav {border-width:0 0 1px 0;padding-left:0;border-color:#D2D5D7} .content .formTabs .ui-tabs-nav li {border-radius:0;margin-right:0;background-image:none;border-color:#D2D5D7} .content .formTabs .ui-tabs-nav li a {color:#A5ABAF} .content .formTabs .ui-widget-content {border:1px solid #D2D5D7;border-width:0px 1px 1px 1px;} .content .formTabs .ui-tabs-nav li.ui-state-active {background-color:#e5e5e5} .content .formTabs .ui-tabs-nav li.ui-state-active a {color:#4C575F} .content .formTabs .ui-tabs-nav .ui-state-default {background-color:#ffffff} .content .formTabs .ui-tabs-panel {padding:1em} /** #4412 **/ .content .formTabs .ui-tabs-nav li a, .content .tx-sttabs-pi1 .ui-tabs-nav li a {font-weight:bold} /* cyrillic-ext */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(//fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xJwNa6kgmw9HIHjUBPkzL2f3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(//fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xKdGPpWTn2kPFru4k7T0T-v3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(//fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xN9i7v7U2vZkHC55NWxtqfn3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(//fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xK1ueDcgZDcfV3TWANvdPLj3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(//fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xC3qj1XlvLGj0jktnJzWu233rGVtsTkPsbDajuO5ueQw.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(//fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xC8hAQ4ocbp44gFQt8tMfcH3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 300; src: local('Open Sans Cond Light'), local('OpenSans-CondensedLight'), url(//fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xBEur64QvLD-0IbiAdTUNXE.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* cyrillic-ext */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(//fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xBrT1lp9IdZ6Q20XTtjH6Zv3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2'); unicode-range: U+0460-052F, U+20B4, U+2DE0-2DFF, U+A640-A69F; } /* cyrillic */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(//fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xIS898UBCVj0FEntoasBk6P3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2'); unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116; } /* greek-ext */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(//fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xBkraXwpsr1uSZUhAAol_4_3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2'); unicode-range: U+1F00-1FFF; } /* greek */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(//fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xKTAHfCyYjmaKhz-jw4dXo73rGVtsTkPsbDajuO5ueQw.woff2) format('woff2'); unicode-range: U+0370-03FF; } /* vietnamese */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(//fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xP1CsDU87ma3di2VmaZcPSr3rGVtsTkPsbDajuO5ueQw.woff2) format('woff2'); unicode-range: U+0102-0103, U+1EA0-1EF1, U+20AB; } /* latin-ext */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(//fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xBztfhWvsElVqpbWxzFHK633rGVtsTkPsbDajuO5ueQw.woff2) format('woff2'); unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF; } /* latin */ @font-face { font-family: 'Open Sans Condensed'; font-style: normal; font-weight: 700; src: local('Open Sans Condensed Bold'), local('OpenSans-CondensedBold'), url(//fonts.gstatic.com/s/opensanscondensed/v10/gk5FxslNkTTHtojXrkp-xIF8zhZCJ7x9Pr62cRgaVUA.woff2) format('woff2'); unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000; } /* tx-ke-questionnaire */ .tx-ke-questionnaire { text-align: left; } /* clearer */ .tx-ke-questionnaire .clearer { height: 1px; line-height: 1px; font-size: 1px; clear: both; } #keq_loadingDiv { position: absolute; left: 50%; top: 50%; color: red; } /* general form styles */ .tx-ke-questionnaire select, .tx-ke-questionnaire textarea, .tx-ke-questionnaire input[type="text"], .tx-ke-questionnaire input[type="password"], .tx-ke-questionnaire input[type="datetime"], .tx-ke-questionnaire input[type="datetime-local"], .tx-ke-questionnaire input[type="date"], .tx-ke-questionnaire input[type="month"], .tx-ke-questionnaire input[type="time"], .tx-ke-questionnaire input[type="week"], .tx-ke-questionnaire input[type="number"], .tx-ke-questionnaire input[type="email"], .tx-ke-questionnaire input[type="url"], .tx-ke-questionnaire input[type="search"], .tx-ke-questionnaire input[type="tel"], .tx-ke-questionnaire input[type="color"] { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; display: inline-block; height: 20px; padding: 4px 6px; margin-bottom: 10px; font-size: 14px; line-height: 20px; color: #555555; vertical-align: middle; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; } .tx-ke-questionnaire textarea { height: auto; } .tx-ke-questionnaire textarea, .tx-ke-questionnaire input[type="text"], .tx-ke-questionnaire input[type="password"], .tx-ke-questionnaire input[type="datetime"], .tx-ke-questionnaire input[type="datetime-local"], .tx-ke-questionnaire input[type="date"], .tx-ke-questionnaire input[type="month"], .tx-ke-questionnaire input[type="time"], .tx-ke-questionnaire input[type="week"], .tx-ke-questionnaire input[type="number"], .tx-ke-questionnaire input[type="email"], .tx-ke-questionnaire input[type="url"], .tx-ke-questionnaire input[type="search"], .tx-ke-questionnaire input[type="tel"], .tx-ke-questionnaire input[type="color"] { background-color: #ffffff; border: 1px solid #cccccc; -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075); -webkit-transition: border linear 0.2s, box-shadow linear 0.2s; -moz-transition: border linear 0.2s, box-shadow linear 0.2s; -o-transition: border linear 0.2s, box-shadow linear 0.2s; transition: border linear 0.2s, box-shadow linear 0.2s; } .tx-ke-questionnaire textarea:focus, .tx-ke-questionnaire input[type="text"]:focus, .tx-ke-questionnaire input[type="password"]:focus, .tx-ke-questionnaire input[type="datetime"]:focus, .tx-ke-questionnaire input[type="datetime-local"]:focus, .tx-ke-questionnaire input[type="date"]:focus, .tx-ke-questionnaire input[type="month"]:focus, .tx-ke-questionnaire input[type="time"]:focus, .tx-ke-questionnaire input[type="week"]:focus, .tx-ke-questionnaire input[type="number"]:focus, .tx-ke-questionnaire input[type="email"]:focus, .tx-ke-questionnaire input[type="url"]:focus, .tx-ke-questionnaire input[type="search"]:focus, .tx-ke-questionnaire input[type="tel"]:focus, .tx-ke-questionnaire input[type="color"]:focus, .tx-ke-questionnaire .uneditable-input:focus { border-color: rgba(0, 152, 161, 0.8); outline: 0; outline: thin dotted \9; /* IE6-9 */ -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 152, 161, 0.6); -moz-box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 152, 161, 0.6); box-shadow: inset 0 1px 1px rgba(0, 0, 0, 0.075), 0 0 8px rgba(0, 152, 161, 0.6); } .tx-ke-questionnaire input[type="radio"], .tx-ke-questionnaire input[type="checkbox"] { margin: 4px 0 0; margin-top: 1px \9; *margin-top: 0; line-height: normal; cursor: pointer; } .tx-ke-questionnaire input[type="file"], .tx-ke-questionnaire input[type="image"], .tx-ke-questionnaire input[type="submit"], .tx-ke-questionnaire input[type="reset"], .tx-ke-questionnaire input[type="button"], .tx-ke-questionnaire input[type="radio"], .tx-ke-questionnaire input[type="checkbox"] { width: auto; } .tx-ke-questionnaire input[type="submit"] { height: 30px } .tx-ke-questionnaire label, .tx-ke-questionnaire input, .tx-ke-questionnaire button, .tx-ke-questionnaire select, .tx-ke-questionnaire textarea { max-width: 100%; font-size: 14px; font-weight: normal; line-height: 20px; } /* buttons */ .tx-ke-questionnaire button, .tx-ke-questionnaire input[type="button"], .tx-ke-questionnaire input[type="reset"], .tx-ke-questionnaire input[type="submit"] { cursor: pointer; -webkit-appearance: button; } .tx-ke-questionnaire .btn { display: inline-block; *display: inline; padding: 6px 16px; margin-bottom: 0; *margin-left: .3em; font-size: 14px; line-height: 20px; *line-height: 20px; color: #333333; text-align: center; text-shadow: 0 1px 1px rgba(255, 255, 255, 0.75); vertical-align: middle; cursor: pointer; background-color: #f5f5f5; *background-color: #e6e6e6; background-image: -moz-linear-gradient(top, #ffffff, #e6e6e6); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#ffffff), to(#e6e6e6)); background-image: -webkit-linear-gradient(top, #ffffff, #e6e6e6); background-image: -o-linear-gradient(top, #ffffff, #e6e6e6); background-image: linear-gradient(to bottom, #ffffff, #e6e6e6); background-repeat: repeat-x; border: 1px solid #bbbbbb; *border: 0; border-color: #e6e6e6 #e6e6e6 #bfbfbf; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); border-bottom-color: #a2a2a2; -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffffff', endColorstr='#ffe6e6e6', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); *zoom: 1; -webkit-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.2), 0 1px 2px rgba(0, 0, 0, 0.05); } .tx-ke-questionnaire .btn:hover, .tx-ke-questionnaire .btn:active, .tx-ke-questionnaire .btn.active, .tx-ke-questionnaire .btn.disabled, .tx-ke-questionnaire .btn[disabled] { color: #333333; background-color: #e6e6e6; *background-color: #d9d9d9; } .tx-ke-questionnaire .btn:active, .tx-ke-questionnaire .btn.active { background-color: #cccccc \9; } .tx-ke-questionnaire .btn:first-child { *margin-left: 0; } .tx-ke-questionnaire .btn:hover { color: #333333; text-decoration: none; background-color: #e6e6e6; *background-color: #d9d9d9; /* Buttons in IE7 don't get borders, so darken on hover */ /* background-position: 0 -15px; -webkit-transition: background-position 0.1s linear; -moz-transition: background-position 0.1s linear; -o-transition: background-position 0.1s linear; transition: background-position 0.1s linear;*/ } .tx-ke-questionnaire .btn:focus { outline: thin dotted #333; outline: 5px auto -webkit-focus-ring-color; outline-offset: -2px; } .tx-ke-questionnaire .btn.active, .tx-ke-questionnaire .btn:active { background-color: #e6e6e6; background-color: #d9d9d9 \9; background-image: none; outline: 0; -webkit-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); -moz-box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); box-shadow: inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05); } .tx-ke-questionnaire .btn-primary { color: #ffffff; text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25); background-color: #0099a1; *background-color: #636363; background-image: -moz-linear-gradient(top, #0099a1, #636363); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#0099a1), to(#636363)); background-image: -webkit-linear-gradient(top, #0099a1, #636363); background-image: -o-linear-gradient(top, #0099a1, #636363); background-image: linear-gradient(to bottom, #0099a1, #636363); background-repeat: repeat-x; border-color: #0099a1 #0099a1 #636363; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#0099a1', endColorstr='#636363', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); } .tx-ke-questionnaire .btn-primary:hover, .tx-ke-questionnaire .btn-primary:active, .tx-ke-questionnaire .btn-primary.active, .tx-ke-questionnaire .btn-primary.disabled, .tx-ke-questionnaire .btn-primary[disabled] { color: #ffffff; background-color: #0099a1; *background-color: #636363; background-image: -moz-linear-gradient(top, #00c1cc, #787878); background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#00c1cc), to(#787878)); background-image: -webkit-linear-gradient(top, #00c1cc, #787878); background-image: -o-linear-gradient(top, #00c1cc, #787878); background-image: linear-gradient(to bottom, #00c1cc, #787878); background-repeat: repeat-x; border-color: #0099a1 #0099a1 #636363; border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#00c1cc', endColorstr='#787878', GradientType=0); filter: progid:DXImageTransform.Microsoft.gradient(enabled=false); /*background-color: #00b6bf; *background-color: #868686;*/ } .tx-ke-questionnaire .btn-primary:active, .tx-ke-questionnaire .btn-primary.active { background-color: #003399 \9; } .tx-ke-questionnaire .btn { font-size: 14px; font-weight: bold; font-family: Arial, Verdana; } .tx-ke-questionnaire .keqButtons { margin: 0 0 20px 0; } .tx-ke-questionnaire .keqButtons:after { clear: both; } .tx-ke-questionnaire .prev { float: left; } .tx-ke-questionnaire .next { float: right; } .tx-ke-questionnaire .prev { background: rgb(227, 227, 227); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2UzZTNlMyIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNhM2EzYTMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(227, 227, 227, 1) 0%, rgba(163, 163, 163, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(227, 227, 227, 1)), color-stop(100%, rgba(163, 163, 163, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(227, 227, 227, 1) 0%, rgba(163, 163, 163, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(227, 227, 227, 1) 0%, rgba(163, 163, 163, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(227, 227, 227, 1) 0%, rgba(163, 163, 163, 1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(227, 227, 227, 1) 0%, rgba(163, 163, 163, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#e3e3e3', endColorstr='#a3a3a3', GradientType=0); /* IE6-8 */ } .tx-ke-questionnaire .prev:hover { background: rgb(240, 240, 240); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNjOWM5YzkiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(201, 201, 201, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 240, 240, 1)), color-stop(100%, rgba(201, 201, 201, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(201, 201, 201, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(201, 201, 201, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(201, 201, 201, 1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(240, 240, 240, 1) 0%, rgba(201, 201, 201, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#c9c9c9', GradientType=0); /* IE6-8 */ } /* **** * keqNavigation **** */ .tx-ke-questionnaire .keqNavigationTypeDisplay ul { padding: 0px 15px; padding-left: 0px; list-style: none; background-color: #f0f0f0; border: 1px solid #C2C2C2 } .tx-ke-questionnaire .keqNavigationTypeDisplay ul li:first-child { border-top: none } .tx-ke-questionnaire .keqNavigationTypeDisplay ul li { overflow: hidden; border-top: 1px solid #ffffff; border-bottom: 1px solid #C2C2C2; font-size: 1em } .tx-ke-questionnaire .keqNavigationTypeDisplay ul li a { color: #0099a1 } .tx-ke-questionnaire .keqNavigationTypeDisplay ul li .quest_number { float: left; width: auto; margin-right: 0.625em; padding: 5px; background-color: #A3A3A3; color: #F0F0F0 } .tx-ke-questionnaire .keqNavigationTypeDisplay ul li p { float: left; margin-top: 5px; margin-right: 5px } .tx-ke-questionnaire .keqNavigationTypeDisplay ul li img { margin-top: 5px } .tx-ke-questionnaire .keqNavigationTypeDisplay ul li:last-child { border-bottom: none } /* **** * question boxes **** */ .tx-ke-questionnaire .keqQuestion { position: relative; background-color: #f0f0f0; border: 1px solid #d3d3d3; margin: 0 0 20px 0; box-shadow: 0px 4px 6px -6px rgba(99, 99, 99, 0.2); } .tx-ke-questionnaire .keqQuestionTitle { overflow: hidden; padding: 12px 20px; font-family: inherit; font-weight: normal; font-size: 1.125em; color: #222222; text-shadow: 0px 1px 0px white; box-shadow: 0px 1px 0px 0px white inset, 0px 1px 0px 0px white; background-color: #e3e3e3; background-image: url('../../typo3conf/ext/ke_questionnaire/Resources/Public/Images/bgNoise1.png'); border-bottom: 1px solid #c2c2c2; } .tx-ke-questionnaire .keqQuestionTitle p { float: left; width: 85%; margin-top: 0.5em; margin-left: 24px; } @media (max-width: 767px) { .tx-ke-questionnaire .keqNavigationTypeDisplay ul li p { width: 80%; } .tx-ke-questionnaire .keqQuestionTitle p { width: 70% } .tx-ke-questionnaire .keqAnswerBox { overflow-x: scroll } } .tx-ke-questionnaire .keqQuestionTitle .keqQuestionTitleline { margin-left: 1.25em; font-weight: bold } .tx-ke-questionnaire .keqQuestionTitle .question_number { float: left; font-weight: bold } .tx-ke-questionnaire .keqAnswerBox { padding: 12px 20px 12px 43px; color: #000000; } .tx-ke-questionnaire .keqAnswerRadio label, .tx-ke-questionnaire .keqAnswerCheckbox label { min-height: 20px; padding-left: 20px; } .tx-ke-questionnaire .keqAnswerWrap label { display: block; margin-bottom: 5px; } .tx-ke-questionnaire .keqAnswerWrap label.radio_checkbox { display: inline-block; padding: 0px; margin-bottom: 0px; width: 18px; height: 18px } #xx#yy, .tx-ke-questionnaire input[type="checkbox"], #xx#yy, .tx-ke-questionnaire input[type="radio"] { position: absolute; clip: rect(0, 0, 0, 0); } #xx#yy, .tx-ke-questionnaire input[type="radio"] + label, #xx#yy, .tx-ke-questionnaire input[type="checkbox"] + label { background: transparent url('../../typo3conf/ext/ke_questionnaire/Resources/Public/Images/s-radio.png') no-repeat 0 -38px; padding: 0 20px; } .tx-ke-questionnaire input[type="checkbox"] + label { background-position: 0px -55px } .tx-ke-questionnaire input[type="radio"]:checked + label { background-position: 0px 0px; } .tx-ke-questionnaire input[type="checkbox"]:checked + label { background-position: 0px -17px } .tx-ke-questionnaire .keqAnswerRadio label input[type="radio"], .tx-ke-questionnaire .keqAnswerCheckbox label input[type="checkbox"] { float: left; margin-left: -20px; } .tx-ke-questionnaire .postText { position: relative; top: -5px; padding: 0 0 0 8px; color: #545454; } /* info Text */ .tx-ke-questionnaire .keqMandatory { padding: 8px 14px 8px 14px; margin-bottom: 10px; text-shadow: 0 1px 0 rgba(255, 255, 255, 0.5); -webkit-border-radius: 4px; -moz-border-radius: 4px; border-radius: 4px; color: #3a87ad; background-color: #d9edf7; border: 1px solid #bce8f1; display: none; font-size: 14px; line-height: 20px; } /* ClozeText Drag&Drop */ .tx-ke-questionnaire .keq-placeholder.cloze-text { background-color: #f1fdfe; border: 1px solid #FFFCDF; display: inline-block; font-size: 11px; height: 25px; line-height: 20px; margin: 0 0px -5px; padding: 0 10px; text-align: center; width: 180px; } .tx-ke-questionnaire .keqAnswerColumns .keq-moveable.moveable-text { background-color: #fffcdf; border: 1px solid #dfdbb5; display: inline-block; font-size: 11px; margin: 3px 0 3px 0; padding: 2px 10px; line-height: 20px; text-align: center; width: 165px; cursor: pointer; } .tx-ke-questionnaire .keq-baloon { position: relative; } .tx-ke-questionnaire .keq-baloon textarea { position: absolute; padding: 5px; font-size: 1.2em; color: #ffffff; font-weight: bold; /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2EzYTNhMyIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iI2EzYTNhMyIgc3RvcC1vcGFjaXR5PSIwLjciLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==); background: -moz-linear-gradient(top, rgba(163, 163, 163, 0.7) 0%, rgba(163, 163, 163, 0.7) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(163, 163, 163, 0.7)), color-stop(100%, rgba(163, 163, 163, 0.7))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(163, 163, 163, 0.7) 0%, rgba(163, 163, 163, 0.7) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(163, 163, 163, 0.7) 0%, rgba(163, 163, 163, 0.7) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(163, 163, 163, 0.7) 0%, rgba(163, 163, 163, 0.7) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(163, 163, 163, 0.7) 0%, rgba(163, 163, 163, 0.7) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#b3a3a3a3', endColorstr='#b3a3a3a3', GradientType=0); /* IE6-8 */ } .tx-ke-questionnaire .keq-dd-area-container { position: relative; margin-bottom: 10px; } .tx-ke-questionnaire .dd-area { position: absolute; } .tx-ke-questionnaire .dd-area-highlight-hover, .tx-ke-questionnaire .dd-area-highlight:hover { background-image: url('../../typo3conf/ext/ke_questionnaire/Resources/Public/Images/transparent30.png'); } .tx-ke-questionnaire .keq-dd-area-title { padding: 4px; } .tx-ke-questionnaire .keq-moveable.moveable-image { display: inline-block; cursor: pointer; border: 1px solid black; z-index: 500; margin: 3px; float: left; } .tx-ke-questionnaire .keqDDArea .keq-moveable-container { padding: 10px 5px 10px 5px; margin: 5px 0 5px 0; background-color: #fff; } .tx-ke-questionnaire .keqAnswerColumns .keqDDArea, .tx-ke-questionnaire .keqAnswerColumns .keqAnswerClozeTextDD, .tx-ke-questionnaire .keqAnswerColumns .keq-baloon { margin-left: 18px } .tx-ke-questionnaire .keqAnswerColumns .keqAnswerClozeTextDD .keq-moveable-container { padding-left: 0px } .tx-ke-questionnaire .keq-placeholder.dd-sequence { background-color: #d9edf7; border: 1px solid #bce8f1; display: inline-block; padding: 10px; line-height: 1px; } .tx-ke-questionnaire .keqAnswerBox .keqAnswerColumns { float: left; } .tx-ke-questionnaire .keqAnswerBox .keqAnswerColumns div { padding: 5px; } /* .tx-ke-questionnaire .keqQuestion { margin: 0 0 20px; } .tx-ke-questionnaire .keqQuestionTitle { border-color: #0098A1; border-style: none none solid solid; border-width: 0 0 1px 20px; font-weight: bold; padding: 4px 6px; } .tx-ke-questionnaire .keqAnswerBox { border-left: 1px solid #0098A1; border-style: none none none solid; border-width: 0 0 0 1px; margin: 0 0 0 19px; padding: 3px; } .tx-ke-questionnaire .keqAnswerBox .keqMandatory { color: #FF0000; } .tx-ke-questionnaire dl.keqAnswer { padding: 3px; } .tx-ke-questionnaire dl.keqAnswer dt { float: left; width: 20px; } .tx-ke-questionnaire dl.input { clear: both; } .tx-ke-questionnaire dl.input dt { width: auto; } .tx-ke-questionnaire dl.keqAnswer dd { margin: 0 0 0 20px; } .tx-ke-questionnaire div.keqAnswerBox .answerInfo { clear: both; color: red; } .tx-ke-questionnaire .clearer { clear: both; line-height: 1px; } */ /* Additions For Slider */ .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider * { -webkit-box-sizing: content-box; -moz-box-sizing: content-box; box-sizing: content-box; } .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSilderLeftLabel { float: left; padding: 0 15px 10px 0; line-height: 1.1em; } .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSilderRightLabel { float: left; padding: 0 0 10px 15px; line-height: 1.1em; } .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSilderValueShow { float: left; padding: 0 0 10px 15px; line-height: 1.1em; } .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSlider { float: left; padding: 0; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px; background: #FFFFFF; border: 1px solid #AAAAAA; color: #222222; font-size: 1.1em; } .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSlider .ui-slider-handle { padding: 0px; border-bottom-right-radius: 4px; border-bottom-left-radius: 4px; border-top-right-radius: 4px; border-top-left-radius: 4px; background: #3B78EF; border: 1px solid #AAAAAA; color: #222222; font-size: 1.1em; } .tx-ke-questionnaire .ui-slider { position: relative; text-align: left; } .tx-ke-questionnaire .ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; } .tx-ke-questionnaire .ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-position: 0 0; } .tx-ke-questionnaire .ui-slider-horizontal { height: .8em; } .tx-ke-questionnaire .ui-slider-horizontal .ui-slider-handle { top: -.3em; margin-left: -.6em; } .tx-ke-questionnaire .ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; } .tx-ke-questionnaire .ui-slider-horizontal .ui-slider-range-min { left: 0; } .tx-ke-questionnaire .ui-slider-horizontal .ui-slider-range-max { right: 0; } .tx-ke-questionnaire .ui-slider-vertical { width: .8em; height: 100px; } .tx-ke-questionnaire .ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; } .tx-ke-questionnaire .ui-slider-vertical .ui-slider-range { left: 0; width: 100%; } .tx-ke-questionnaire .ui-slider-vertical .ui-slider-range-min { bottom: 0; } .tx-ke-questionnaire .ui-slider-vertical .ui-slider-range-max { top: 0; } /* Additions For Semantic Differential */ .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferential { float: left; padding: 0; margin-bottom: 5px; line-height: 1.1em; display: block; border-bottom: 1px solid #e2e2e2; } .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialStep { float: left; text-align: center; width: 18px !important } .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialStepLabel { text-align: center !important; padding: 0 0 5px 0; } .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialStep { text-align: center; } .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialStep input[type="radio"] { clip: auto; position: relative; } .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialStepLabel { text-align: center; } .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialStep input[type="radio"] { margin-top: 20px } .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialLeftLabel { float: left; padding: 0 15px 10px 0; margin-top: 0.6em; display: block; width: 125px; } .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialStep .keqSematicDifferentialStepLabel + input[type="radio"] { margin-top: 0px } .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialRightLabel { float: left; padding: 0 0 10px 15px; margin-top: 0.6em; display: block; width: 125px; text-align: left; } .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialValueShow { float: left; padding: 0 0 10px 15px; margin-top: 0.6em; } .tx-ke-questionnaire .keqAnswerBox .keqSematicDifferential label.radio_checkbox { position: relative; top: -18px } /* Additions For Text Element */ .tx-ke-questionnaire .keqTextElement { padding: 5px 0; } /* Additions For Extended Matrix */ .tx-ke-questionnaire .keqExtendedMatrix table { border-collapse: collapse; border-spacing: 0; } .tx-ke-questionnaire .keqExtendedMatrix .keqEmExthead { text-align: center; padding: 5px 10px; border: 1px solid #E3E3E3; border-left: 2px solid #B7B7B7; } .tx-ke-questionnaire .keqExtendedMatrix .keqEmHead { text-align: center; padding: 5px 10px; border: 1px solid #E3E3E3; } .tx-ke-questionnaire .keqExtendedMatrix .keqEmHead.keqEmHead_0 { border-left: 2px solid #B7B7B7; } .tx-ke-questionnaire .keqExtendedMatrix .keqEmCol { text-align: center; padding: 3px 5px; border: 1px solid #E3E3E3; } .tx-ke-questionnaire .keqExtendedMatrix .keqEmCol.keqEmCol_0 { border-left: 2px solid #B7B7B7; } .tx-ke-questionnaire .keqImage { padding: 5px; } .tx-ke-questionnaire .keqImageLeft { float: left; } .tx-ke-questionnaire .keqImageRight { float: right; } /* Additions for Progressbar */ .tx-ke-questionnaire #progressbar-wrap { position: relative; } .tx-ke-questionnaire #keqPageProgressbar { border-radius: 0px; padding: 7px 4px 0px; background-color: #bdbdbd; } .tx-ke-questionnaire #keqPageProgressbar .ui-progressbar-value { margin-bottom: 3px; background: rgb(240, 240, 240); /* Old browsers */ /* IE9 SVG, needs conditional override of 'filter' to 'none' */ background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iI2YwZjBmMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiNmZmYxYzYiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+); background: -moz-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(255, 241, 198, 1) 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(240, 240, 240, 1)), color-stop(100%, rgba(255, 241, 198, 1))); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(255, 241, 198, 1) 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(255, 241, 198, 1) 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, rgba(240, 240, 240, 1) 0%, rgba(255, 241, 198, 1) 100%); /* IE10+ */ background: linear-gradient(to bottom, rgba(240, 240, 240, 1) 0%, rgba(255, 241, 198, 1) 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#f0f0f0', endColorstr='#fff1c6', GradientType=0); /* IE6-8 */ border-radius: 0px; height: 80%; } .tx-ke-questionnaire .keqProgressbar { margin-bottom: 10px; } .tx-ke-questionnaire .ui-progressbar { height: 2em; text-align: left; overflow: hidden; position: relative; } .tx-ke-questionnaire .ui-progressbar .ui-progressbar-value { margin: -1px; height: 100%; } .tx-ke-questionnaire .ui-progressbar .ui-progressbar-overlay { background: url('../../typo3conf/ext/ke_questionnaire/Resources/Public/Css/images/animated-overlay.gif'); height: 100%; border: 5px solid #ff0000; filter: alpha(opacity=25); opacity: 0.25; } .tx-ke-questionnaire .ui-progressbar-indeterminate .ui-progressbar-value { background-image: none; } .tx-ke-questionnaire .progress-label { position: relative; width: 120px; height: 34px; margin: 0px auto; font-weight: bold; font-size: 1.2em; color: #636363; text-align: center; line-height: 16px; text-shadow: 1px 1px 0 #FFFFFF; } .tx-ke-questionnaire .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { border-bottom-right-radius: 4px; } .tx-ke-questionnaire .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { border-bottom-left-radius: 4px; } .tx-ke-questionnaire .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { border-top-right-radius: 4px; } .tx-ke-questionnaire .ui-corner-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { border-top-left-radius: 4px; } .tx-ke-questionnaire .ui-widget-content { background: #FFFFFF; border: 1px solid #AAAAAA; color: #222222; } .tx-ke-questionnaire .ui-widget-header { background: #CCCCCC; border: 1px solid #AAAAAA; color: #222222; font-weight: bold; } /* Additions for Scrollable Avatar */ .tx-ke-questionnaire .keqAnswerBox .keqAnswerColumns .keqAvatar div { padding: 0; } /* root element for the scrollable. when scrolling occurs this element stays still. */ .tx-ke-questionnaire .keqAvatar .scrollable { /* required settings */ position: relative; overflow: hidden; width: 150px; height: 120px; padding: 0; } /* root element for scrollable items. Must be absolutely positioned and it should have a extremely large width to accomodate scrollable items. it's enough that you set the width and height for the root element and not for this element. */ .tx-ke-questionnaire .keqAvatar .scrollable .items { /* this cannot be too large */ width: 20000em; position: absolute; clear: both; padding: 0; } .tx-ke-questionnaire .keqAvatar .items div { float: left; width: 680px; padding: 0; } /* single scrollable item */ .tx-ke-questionnaire .keqAvatar .scrollable img { float: left; } /* active item */ .tx-ke-questionnaire .keqAvatar .scrollable .active { position: relative; cursor: default; } /* this makes it possible to add next button beside scrollable */ .tx-ke-questionnaire .keqAvatar .scrollable { float: left; } /* prev, next, prevPage and nextPage buttons */ .tx-ke-questionnaire .keqAvatar a.browse { background: url('../../typo3conf/ext/ke_questionnaire/Resources/Public/Images/scrollable_arrows.png') no-repeat; display: block; width: 30px; height: 30px; float: left; cursor: pointer; font-size: 1px; margin: 2px 5px 0 5px; } /* right */ .tx-ke-questionnaire .keqAvatar a.right { background-position: 0 -30px; clear: right; margin-right: 0px; } .tx-ke-questionnaire .keqAvatar a.right:hover { background-position: -30px -30px; } .tx-ke-questionnaire .keqAvatar a.right:active { background-position: -60px -30px; } /* left */ .tx-ke-questionnaire .keqAvatar a.left { margin-left: 0px; } .tx-ke-questionnaire .keqAvatar a.left:hover { background-position: -30px 0; } .tx-ke-questionnaire .keqAvatar a.left:active { background-position: -60px 0; } /* up and down */ .tx-ke-questionnaire .keqAvatar a.up, a.down { background: url('../../typo3conf/ext/ke_questionnaire/Resources/Public/Images/scrollable_arrows.png') no-repeat; float: none; margin: 10px 50px; } /* up */ .tx-ke-questionnaire .keqAvatar a.up:hover { background-position: -30px 0; } .tx-ke-questionnaire .keqAvatar a.up:active { background-position: -60px 0; } /* down */ .tx-ke-questionnaire .keqAvatar a.down { background-position: 0 -30px; } .tx-ke-questionnaire .keqAvatar a.down:hover { background-position: -30px -30px; } .tx-ke-questionnaire .keqAvatar a.down:active { background-position: -60px -30px; } /* disabled navigational button */ .tx-ke-questionnaire .keqAvatar a.disabled { visibility: hidden !important; } /* Matrix*/ .tx-ke-questionnaire .keqAnswerBox .keqMatrix, .tx-ke-questionnaire .keqAnswerBox .keqExtendedMatrix { margin-left: 0px; } .tx-ke-questionnaire .keqAnswerBox .keq-matrix { background-color: #fff; border-collapse: collapse; border-spacing: 0; } .tx-ke-questionnaire .keqAnswerBox .keqMatrix .keq-matrix .keqAnswerSingleInput div { padding: 0px; margin: 0px 10px } .tx-ke-questionnaire .keqAnswerBox .keqMatrix .keq-matrix .keqAnswerSingleInput div input { margin-bottom: 0px } .tx-ke-questionnaire .keqAnswerBox .keqMatrix table tbody tr > :first-child { border: 1px solid #ff0000 } .tx-ke-questionnaire .keqAnswerBox .keq-matrix th { color: #FFFFFF; font-weight: bold; background-color: #0099A1; } .tx-ke-questionnaire .keqAnswerBox .keq-matrix th, .tx-ke-questionnaire .keqAnswerBox .keq-matrix td { padding: 10px; border-top: 1px solid #E5E5E5; } @media (max-width: 767px) { .tx-ke-questionnaire .keqAnswerColumns .keqMatrix, .tx-ke-questionnaire .keqAnswerColumns .keqExtendedMatrix, .tx-ke-questionnaire .keqAnswerColumns .keq-baloon { overflow-x: scroll } } /* add a clone to a matrix */ .tx-ke-questionnaire .keqMatrixAddClone { cursor: pointer; } keqQuestionTitle .tx-ke-questionnaire .keqClonableRow { display: none; } .tx-ke-questionnaire .keqRankingOrder ul { list-style-type: none; margin: 0; padding: 0; width: 60%; } .tx-ke-questionnaire .keqRankingOrder ul li { border: 1px solid #ddd; list-style-type: none; height: 1.6em; line-height: 1.4em; font-size: 1.2em; margin: 0 5px 5px; padding: 5px; cursor: pointer; } .tx-ke-questionnaire .keqRankingOrderPlaceholder { background-color: #ddd; } .tx-ke-questionnaire #keqViewResult { position: relative; } .tx-ke-questionnaire #keqViewResult .disableLayer { background: none repeat scroll 0 0 rgba(20, 20, 20, 0.1); height: 100%; position: absolute; top: 1px; width: 100%; z-index: 5000; } /* Tooltip */ .tx-ke-questionnaire .keqHelp { float: right; margin-right: 2.2em; margin-top: 0.37em; margin-left: 0.625em; text-decoration: none; font-weight: bold; border-bottom: 0px dotted #4dbcf3; } .tx-ke-questionnaire .keqHelp span { display: block; width: 1.4em; background: none repeat scroll 0 0 #a3a3a3; border-radius: 1.4em; box-shadow: 0.125em 0.175em 0 0 rgba(99, 99, 99, 0.125); -webkit-box-shadow: 0.125em 0.175em 0 0 rgba(99, 99, 99, 0.125); color: #FFF004; height: 1.4em; line-height: 1.4em; text-align: center; text-shadow: none } .tx-ke-questionnaire .keqHelp + p { float: left; margin-left: 1.4em } .tx-ke-questionnaire .keqHelp:hover { cursor: pointer; background: transparent; z-index: 100; } .tx-ke-questionnaire .keqHelp .keqHelpText { display: none; margin-top: 1.05em; margin-left: -11.5em; text-decoration: none; background-color: #e3e3e3 } .tx-ke-questionnaire .keqHelp .keqHelpText p { font-weight: normal; font-size: 0.8em; letter-spacing: 1px } .tx-ke-questionnaire .keqHelp:hover .keqHelpText { display: block; position: absolute; top: 5px; left: 0px; width: 200px; z-index: 100; padding: 5px 10px; border: 1px solid #a3a3a3; border-radius: 4px; background: #f0f0f0; color: #000000; text-align: left; } /* Styles for Analysis Form */ .tx-ke-questionnaire #keq_analysis { position: relative; padding: 20px; color: #222; font-size: 1.125em; background-color: #F0F0F0; border: 1px solid #D3D3D3; box-shadow: 0 1px 0 0 #FFFFFF inset, 0 1px 0 0 #FFFFFF; } .tx-ke-questionnaire #keq_analysis .main_select { -moz-box-sizing: content-box; -webkit-box-sizing: content-box; box-sizing: content-box; } .tx-ke-questionnaire #keq_analysis .main_select { position: relative; top: -20px; left: -20px; border-bottom: 1px solid #C2C2C2; box-shadow: 0 1px 0 0 #FFFFFF inset, 0 1px 0 0 #FFFFFF; padding: 20px 20px 10px 20px; text-shadow: 0 1px 0 #FFFFFF; width: 100%; } .tx-ke-questionnaire #keq_analysis .keq_analysis_q_select { width: 17em } .tx-ke-questionnaire #keq_analysis h3 { position: relative; width: 100%; left: -20px; padding: 10px 20px 10px 20px; color: #222222; font-family: inherit; font-size: 1.125em; font-weight: bold; text-shadow: 0 1px 0 #FFFFFF; background-color: #E3E3E3; background-image: url('../../typo3conf/ext/ke_questionnaire/Resources/Public/Images/bgNoise1.png'); border-bottom: 1px solid #C2C2C2; box-shadow: 0 1px 0 0 #FFFFFF inset, 0 1px 0 0 #FFFFFF; } .tx-ke-questionnaire #keq_analysis h4 { margin: 0px } .tx-ke-questionnaire #keq_analysis .keqLineAnalysis { background-color: #f7f7f7; list-style-position: outside; padding: 0; padding-left: 25px } .tx-ke-questionnaire #keq_analysis .keqLineAnalysis li { padding: 5px; color: #414141; list-style-type: square; border-bottom: 1px solid #e3e3e3; border-top: 1px solid #fff } .tx-ke-questionnaire #keq_analysis .keqLineAnalysis li:first-child { border-top: none } .tx-ke-questionnaire #keq_analysis .keqLineAnalysis li:last-child { border-bottom: none } .tx-ke-questionnaire #keq_analysis .jqplot-pie-series { color: #fff; font-size: 80%; } .tx-ke-questionnaire .jqplot-point-label { font-size: 12px; } .tx-ke-questionnaire .jqplot-highlighter-tooltip { font-size: 10px; background: none repeat scroll 0 0 rgba(208, 208, 208, 0.8); } /*.tx-ke-questionnaire #keq_analysis .jqplot-target {max-width: 100%;}*/ .tx-ke-questionnaire #keq_analysis .jqplot-target table td.jqplot-table-legend-label { max-width: 300px } @media (max-width: 480px) { .tx-ke-questionnaire #keq_analysis { overflow-x: scroll } .tx-ke-questionnaire #keq_analysis .jqplot-target { max-width: none } .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialRightLabel { margin-left: 262px; margin-top: -6.2em !important } } @media (max-width: 768px) { .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider * { -webkit-box-sizing: inherit; -moz-box-sizing: inherit; box-sizing: inherit; } .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialStep { width: 26px !important } .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialLeftLabel { margin-left: 5px } .tx-ke-questionnaire .keqAnswerBox .keqAnswerSlider .keqSematicDifferentialRightLabel { float: right !important; margin-top: 0px !important } } /* Point-Display at last page */ .tx-ke-questionnaire .keqPointsWrap { margin-top: 5px; } .tx-ke-questionnaire .keqPointsWrap .keqPointsTable .numeric { text-align: right; } /* Range-Display at last page */ .tx-ke-questionnaire .keqRangeWrap { margin-top: 5px; } .tx-ke-questionnaire .keqRangeWrap .keqRangeTitle { font-weight: bold; } .tx-ke-questionnaire .keqRangeWrap .keqRangeContent { margin-top: 5px; } .tx-ke-questionnaire .quotaChartHeader { font-weight: bold; } .tx-solr-relevance-bar { width: 100px; height: 8px; border: 1px solid #ccc; font-size: 1px; padding: 1px; } .tx-solr-relevance, .tx-solr-relevance-fill { margin-right: 0px !important; height: 8px; padding: 0px; float: left; } .tx-solr-relevance { background-color: #aac402; } .tx-solr-relevance-fill { background-color: #ccc; } .results-highlight { font-weight:bold; } #tx-solr-search-form-pi-results {margin-bottom:1em;} ol.results-list {margin-top:1em;} .hidden {display:none;} #tx-solr-search .tx-solr-bav {padding:1em 0 0 0;line-height:100%} #tx-solr-search .tx-solr-bav label,#tx-solr-search .tx-solr-bav input {display:inline;float:none;width:auto;height:auto;margin:0;padding:0;vertical-align:middle;} .tx-pagebrowse-pi1 {text-align:center;margin:1em 0;} .tx-pagebrowse-pi1 ul, .tx-pagebrowse-pi1 ol, .tx-pagebrowse-pi1 li {margin:0;padding:0;display:inline;} .tx-pagebrowse-pi1 li {padding:0 .2em} .results-url {color:#4B575E} .results-url,.results-topic,.results-entry {padding:0 0 .4em 0;} .content li.results-entry {padding-bottom:1em;} /** Suggest **/ .ui-autocomplete .ui-menu-item {text-align:left;} .tx-stsolr-pi1 input.ui-autocomplete-loading,#tx-solr-search input.ui-autocomplete-loading {background:url('/fileadmin/templates/_shared/ext/solr/ajax-loader.gif') 98% 50% no-repeat #fff;} /** Spelling **/ #tx-solr-search .spelling-suggestions {margin:1em 0;font-weight:bold} /** Facetten **/ #tx-solr-search {} #tx-solr-search-functions {position:absolute;width:205px;top:270px;right:15px;background-color:#F5F6F6;padding:0} #tx-solr-search-functions h3 {margin-top:0;background-color:#C8CCCE;padding:5px 0 5px 20px} #tx-solr-facets-in-use, #tx-solr-facets-available {padding:20px 20px 0 20px} #tx-solr-facets-in-use ul {padding-left:0;list-style:none} #tx-solr-facets-in-use ul li {padding-left:0;} #tx-solr-facets-available ul {padding-left:0;list-style:none} #tx-solr-facets-available ul li {padding-left:0;} #tx-solr-faceting {border:1px solid #C8CCCE} a.tx-solr-facet-remove {background:url('../../fileadmin/templates/_shared/ext/solr/gfx/facet-remove.png') 0px 1px no-repeat transparent;display:block;padding:0 0 3px 20px} #tx-solr-facets-available li.facet-active, #tx-solr-facets-available li.facet-active li.facet-active {background:url('../../fileadmin/templates/_shared/ext/solr/gfx/facet-active.png') 0px 1px no-repeat transparent;display:block;padding-left:20px;list-s} #tx-solr-facets-available li.facet-active li {background:none;padding-left:0} #tx-solr-facets-available ul ul ul {padding-left:2em;padding-top:0.5em;margin-bottom:0;list-style-type:circle} /** #3514 **/ #contentContainer3 #tx-solr-search {min-height:400px;} /** #4162 **/ .result-image {float:left;margin:0 1em 1em 0} .tx-solr-relevance-bar {clear:left;} #tx-solr-search a.ExternerLinkHighlightShop {background-image:url('../../fileadmin/templates/_shared/ext/solr/gfx/shop.png');padding-left:20px;} .results-entry-shop {list-style:none;} .tx-stfeedimport-shop dl {margin: 0 0 40px 0; padding: 0; border: 0; clear: both; overflow: auto} .tx-stfeedimport-shop dt {clear: both;} .tx-stfeedimport-shop small {margin: 0 0 1em 0; padding: 0 0 0.2em 0; border-bottom: 1px solid #c8ccce; display: block; font-size: 91%; color: #4B575E;} .tx-stfeedimport-shop dd.image {float: left; margin: 0 0 30px 0; padding: 0; overflow: hidden;} .tx-stfeedimport-shop dd.image img {height: auto; margin: 4px 15px 0 0; float: left; border: 1px solid #d2d4d6;} .tx-stfeedimport-shop dd.image img.produktbundleIcn {width: 12px; border: 0; margin: 40px 15px 0 0;} .tx-stfeedimport-shop dd.text {margin: 0 0 30px 0; padding: 0; overflow: hidden;} .tx-stfeedimport-shop dd.text h4 {margin: 0; padding: 0 0 1em 0; font-size: 100%; font-weight: bold; color: #0055a0;} .tx-stfeedimport-shop dd.text h4 a {text-decoration: none;} .tx-stfeedimport-shop dd.text h4 a:link, .tx-stfeedimport-shop dd.text h4 a:active, .tx-stfeedimport-shop dd.text h4 a:visited {color: #0055a0;} .tx-stfeedimport-shop dd.text h4 a:hover {color: #4b575e;} .tx-stfeedimport-shop dd.text .articleClaim {background: #ad0031; color: #fff; font-weight: bold; font-size: 91%; padding: 1px 5px;} .tx-stfeedimport-shop dd.text div.mehr {float: left; margin: 0; padding: 0;} .tx-stfeedimport-shop dd.text div.mehr a.naviLink {float: left;} .tx-stfeedimport-shop .bestellBtn { display: block; float: right; margin: 0; padding: 0; color: #4B575E; font-weight:bold; } /* * jQuery UI CSS Framework * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute; left: -99999999px; } .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:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .ui-helper-clearfix { display: inline-block; } /* required comment for clearfix to work in Opera \*/ * html .ui-helper-clearfix { height:1%; } .ui-helper-clearfix { display:block; } /* end clearfix */ .ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); } /* Interaction Cues ----------------------------------*/ .ui-state-disabled { cursor: default !important; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; } /* Misc visuals ----------------------------------*/ /* Overlays */ .ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; } /* * jQuery UI CSS Framework * Copyright (c) 2010 AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT (MIT-LICENSE.txt) and GPL (GPL-LICENSE.txt) licenses. * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Verdana,Arial,sans-serif&fwDefault=normal&fsDefault=1.1em&cornerRadius=4px&bgColorHeader=cccccc&bgTextureHeader=03_highlight_soft.png&bgImgOpacityHeader=75&borderColorHeader=aaaaaa&fcHeader=222222&iconColorHeader=222222&bgColorContent=ffffff&bgTextureContent=01_flat.png&bgImgOpacityContent=75&borderColorContent=aaaaaa&fcContent=222222&iconColorContent=222222&bgColorDefault=e6e6e6&bgTextureDefault=02_glass.png&bgImgOpacityDefault=75&borderColorDefault=d3d3d3&fcDefault=555555&iconColorDefault=888888&bgColorHover=dadada&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=999999&fcHover=212121&iconColorHover=454545&bgColorActive=ffffff&bgTextureActive=02_glass.png&bgImgOpacityActive=65&borderColorActive=aaaaaa&fcActive=212121&iconColorActive=454545&bgColorHighlight=fbf9ee&bgTextureHighlight=02_glass.png&bgImgOpacityHighlight=55&borderColorHighlight=fcefa1&fcHighlight=363636&iconColorHighlight=2e83ff&bgColorError=fef1ec&bgTextureError=02_glass.png&bgImgOpacityError=95&borderColorError=cd0a0a&fcError=cd0a0a&iconColorError=cd0a0a&bgColorOverlay=aaaaaa&bgTextureOverlay=01_flat.png&bgImgOpacityOverlay=0&opacityOverlay=30&bgColorShadow=aaaaaa&bgTextureShadow=01_flat.png&bgImgOpacityShadow=0&opacityShadow=30&thicknessShadow=8px&offsetTopShadow=-8px&offsetLeftShadow=-8px&cornerRadiusShadow=8px */ /* Component containers ----------------------------------*/ .ui-widget { font-family: Verdana,Arial,sans-serif; font-size: 1.1em; } .ui-widget .ui-widget { font-size: 1em; } .ui-widget input, .ui-widget select, .ui-widget textarea, .ui-widget button { font-family: Verdana,Arial,sans-serif; font-size: 1em; } .ui-widget-content { border: 1px solid #aaaaaa; background: #ffffff url('../../fileadmin/tools/jquery/css/smoothness/images/ui-bg_flat_75_ffffff_40x100.png') 50% 50% repeat-x; color: #222222; } .ui-widget-content a { color: #222222; } .ui-widget-header { border: 1px solid #aaaaaa; background: #cccccc url('../../fileadmin/tools/jquery/css/smoothness/images/ui-bg_highlight-soft_75_cccccc_1x100.png') 50% 50% repeat-x; color: #222222; font-weight: bold; } .ui-widget-header a { color: #222222; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default { border: 1px solid #d3d3d3; background: #e6e6e6 url('../../fileadmin/tools/jquery/css/smoothness/images/ui-bg_glass_75_e6e6e6_1x400.png') 50% 50% repeat-x; font-weight: normal; color: #555555; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #555555; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus { border: 1px solid #999999; background: #dadada url('../../fileadmin/tools/jquery/css/smoothness/images/ui-bg_glass_75_dadada_1x400.png') 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-hover a, .ui-state-hover a:hover { color: #212121; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active { border: 1px solid #aaaaaa; background: #ffffff url('../../fileadmin/tools/jquery/css/smoothness/images/ui-bg_glass_65_ffffff_1x400.png') 50% 50% repeat-x; font-weight: normal; color: #212121; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #212121; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight {border: 1px solid #fcefa1; background: #fbf9ee url('../../fileadmin/tools/jquery/css/smoothness/images/ui-bg_glass_55_fbf9ee_1x400.png') 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url('../../fileadmin/tools/jquery/css/smoothness/images/ui-bg_glass_95_fef1ec_1x400.png') 50% 50% repeat-x; color: #cd0a0a; } .ui-state-error a, .ui-widget-content .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url('../../fileadmin/tools/jquery/css/smoothness/images/ui-icons_222222_256x240.png'); } .ui-widget-content .ui-icon {background-image: url('../../fileadmin/tools/jquery/css/smoothness/images/ui-icons_222222_256x240.png'); } .ui-widget-header .ui-icon {background-image: url('../../fileadmin/tools/jquery/css/smoothness/images/ui-icons_222222_256x240.png'); } .ui-state-default .ui-icon { background-image: url('../../fileadmin/tools/jquery/css/smoothness/images/ui-icons_888888_256x240.png'); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url('../../fileadmin/tools/jquery/css/smoothness/images/ui-icons_454545_256x240.png'); } .ui-state-active .ui-icon {background-image: url('../../fileadmin/tools/jquery/css/smoothness/images/ui-icons_454545_256x240.png'); } .ui-state-highlight .ui-icon {background-image: url('../../fileadmin/tools/jquery/css/smoothness/images/ui-icons_2e83ff_256x240.png'); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url('../../fileadmin/tools/jquery/css/smoothness/images/ui-icons_cd0a0a_256x240.png'); } /* positioning */ .ui-icon-carat-1-n { background-position: 0 0; } .ui-icon-carat-1-ne { background-position: -16px 0; } .ui-icon-carat-1-e { background-position: -32px 0; } .ui-icon-carat-1-se { background-position: -48px 0; } .ui-icon-carat-1-s { background-position: -64px 0; } .ui-icon-carat-1-sw { background-position: -80px 0; } .ui-icon-carat-1-w { background-position: -96px 0; } .ui-icon-carat-1-nw { background-position: -112px 0; } .ui-icon-carat-2-n-s { background-position: -128px 0; } .ui-icon-carat-2-e-w { background-position: -144px 0; } .ui-icon-triangle-1-n { background-position: 0 -16px; } .ui-icon-triangle-1-ne { background-position: -16px -16px; } .ui-icon-triangle-1-e { background-position: -32px -16px; } .ui-icon-triangle-1-se { background-position: -48px -16px; } .ui-icon-triangle-1-s { background-position: -64px -16px; } .ui-icon-triangle-1-sw { background-position: -80px -16px; } .ui-icon-triangle-1-w { background-position: -96px -16px; } .ui-icon-triangle-1-nw { background-position: -112px -16px; } .ui-icon-triangle-2-n-s { background-position: -128px -16px; } .ui-icon-triangle-2-e-w { background-position: -144px -16px; } .ui-icon-arrow-1-n { background-position: 0 -32px; } .ui-icon-arrow-1-ne { background-position: -16px -32px; } .ui-icon-arrow-1-e { background-position: -32px -32px; } .ui-icon-arrow-1-se { background-position: -48px -32px; } .ui-icon-arrow-1-s { background-position: -64px -32px; } .ui-icon-arrow-1-sw { background-position: -80px -32px; } .ui-icon-arrow-1-w { background-position: -96px -32px; } .ui-icon-arrow-1-nw { background-position: -112px -32px; } .ui-icon-arrow-2-n-s { background-position: -128px -32px; } .ui-icon-arrow-2-ne-sw { background-position: -144px -32px; } .ui-icon-arrow-2-e-w { background-position: -160px -32px; } .ui-icon-arrow-2-se-nw { background-position: -176px -32px; } .ui-icon-arrowstop-1-n { background-position: -192px -32px; } .ui-icon-arrowstop-1-e { background-position: -208px -32px; } .ui-icon-arrowstop-1-s { background-position: -224px -32px; } .ui-icon-arrowstop-1-w { background-position: -240px -32px; } .ui-icon-arrowthick-1-n { background-position: 0 -48px; } .ui-icon-arrowthick-1-ne { background-position: -16px -48px; } .ui-icon-arrowthick-1-e { background-position: -32px -48px; } .ui-icon-arrowthick-1-se { background-position: -48px -48px; } .ui-icon-arrowthick-1-s { background-position: -64px -48px; } .ui-icon-arrowthick-1-sw { background-position: -80px -48px; } .ui-icon-arrowthick-1-w { background-position: -96px -48px; } .ui-icon-arrowthick-1-nw { background-position: -112px -48px; } .ui-icon-arrowthick-2-n-s { background-position: -128px -48px; } .ui-icon-arrowthick-2-ne-sw { background-position: -144px -48px; } .ui-icon-arrowthick-2-e-w { background-position: -160px -48px; } .ui-icon-arrowthick-2-se-nw { background-position: -176px -48px; } .ui-icon-arrowthickstop-1-n { background-position: -192px -48px; } .ui-icon-arrowthickstop-1-e { background-position: -208px -48px; } .ui-icon-arrowthickstop-1-s { background-position: -224px -48px; } .ui-icon-arrowthickstop-1-w { background-position: -240px -48px; } .ui-icon-arrowreturnthick-1-w { background-position: 0 -64px; } .ui-icon-arrowreturnthick-1-n { background-position: -16px -64px; } .ui-icon-arrowreturnthick-1-e { background-position: -32px -64px; } .ui-icon-arrowreturnthick-1-s { background-position: -48px -64px; } .ui-icon-arrowreturn-1-w { background-position: -64px -64px; } .ui-icon-arrowreturn-1-n { background-position: -80px -64px; } .ui-icon-arrowreturn-1-e { background-position: -96px -64px; } .ui-icon-arrowreturn-1-s { background-position: -112px -64px; } .ui-icon-arrowrefresh-1-w { background-position: -128px -64px; } .ui-icon-arrowrefresh-1-n { background-position: -144px -64px; } .ui-icon-arrowrefresh-1-e { background-position: -160px -64px; } .ui-icon-arrowrefresh-1-s { background-position: -176px -64px; } .ui-icon-arrow-4 { background-position: 0 -80px; } .ui-icon-arrow-4-diag { background-position: -16px -80px; } .ui-icon-extlink { background-position: -32px -80px; } .ui-icon-newwin { background-position: -48px -80px; } .ui-icon-refresh { background-position: -64px -80px; } .ui-icon-shuffle { background-position: -80px -80px; } .ui-icon-transfer-e-w { background-position: -96px -80px; } .ui-icon-transferthick-e-w { background-position: -112px -80px; } .ui-icon-folder-collapsed { background-position: 0 -96px; } .ui-icon-folder-open { background-position: -16px -96px; } .ui-icon-document { background-position: -32px -96px; } .ui-icon-document-b { background-position: -48px -96px; } .ui-icon-note { background-position: -64px -96px; } .ui-icon-mail-closed { background-position: -80px -96px; } .ui-icon-mail-open { background-position: -96px -96px; } .ui-icon-suitcase { background-position: -112px -96px; } .ui-icon-comment { background-position: -128px -96px; } .ui-icon-person { background-position: -144px -96px; } .ui-icon-print { background-position: -160px -96px; } .ui-icon-trash { background-position: -176px -96px; } .ui-icon-locked { background-position: -192px -96px; } .ui-icon-unlocked { background-position: -208px -96px; } .ui-icon-bookmark { background-position: -224px -96px; } .ui-icon-tag { background-position: -240px -96px; } .ui-icon-home { background-position: 0 -112px; } .ui-icon-flag { background-position: -16px -112px; } .ui-icon-calendar { background-position: -32px -112px; } .ui-icon-cart { background-position: -48px -112px; } .ui-icon-pencil { background-position: -64px -112px; } .ui-icon-clock { background-position: -80px -112px; } .ui-icon-disk { background-position: -96px -112px; } .ui-icon-calculator { background-position: -112px -112px; } .ui-icon-zoomin { background-position: -128px -112px; } .ui-icon-zoomout { background-position: -144px -112px; } .ui-icon-search { background-position: -160px -112px; } .ui-icon-wrench { background-position: -176px -112px; } .ui-icon-gear { background-position: -192px -112px; } .ui-icon-heart { background-position: -208px -112px; } .ui-icon-star { background-position: -224px -112px; } .ui-icon-link { background-position: -240px -112px; } .ui-icon-cancel { background-position: 0 -128px; } .ui-icon-plus { background-position: -16px -128px; } .ui-icon-plusthick { background-position: -32px -128px; } .ui-icon-minus { background-position: -48px -128px; } .ui-icon-minusthick { background-position: -64px -128px; } .ui-icon-close { background-position: -80px -128px; } .ui-icon-closethick { background-position: -96px -128px; } .ui-icon-key { background-position: -112px -128px; } .ui-icon-lightbulb { background-position: -128px -128px; } .ui-icon-scissors { background-position: -144px -128px; } .ui-icon-clipboard { background-position: -160px -128px; } .ui-icon-copy { background-position: -176px -128px; } .ui-icon-contact { background-position: -192px -128px; } .ui-icon-image { background-position: -208px -128px; } .ui-icon-video { background-position: -224px -128px; } .ui-icon-script { background-position: -240px -128px; } .ui-icon-alert { background-position: 0 -144px; } .ui-icon-info { background-position: -16px -144px; } .ui-icon-notice { background-position: -32px -144px; } .ui-icon-help { background-position: -48px -144px; } .ui-icon-check { background-position: -64px -144px; } .ui-icon-bullet { background-position: -80px -144px; } .ui-icon-radio-off { background-position: -96px -144px; } .ui-icon-radio-on { background-position: -112px -144px; } .ui-icon-pin-w { background-position: -128px -144px; } .ui-icon-pin-s { background-position: -144px -144px; } .ui-icon-play { background-position: 0 -160px; } .ui-icon-pause { background-position: -16px -160px; } .ui-icon-seek-next { background-position: -32px -160px; } .ui-icon-seek-prev { background-position: -48px -160px; } .ui-icon-seek-end { background-position: -64px -160px; } .ui-icon-seek-start { background-position: -80px -160px; } /* ui-icon-seek-first is deprecated, use ui-icon-seek-start instead */ .ui-icon-seek-first { background-position: -80px -160px; } .ui-icon-stop { background-position: -96px -160px; } .ui-icon-eject { background-position: -112px -160px; } .ui-icon-volume-off { background-position: -128px -160px; } .ui-icon-volume-on { background-position: -144px -160px; } .ui-icon-power { background-position: 0 -176px; } .ui-icon-signal-diag { background-position: -16px -176px; } .ui-icon-signal { background-position: -32px -176px; } .ui-icon-battery-0 { background-position: -48px -176px; } .ui-icon-battery-1 { background-position: -64px -176px; } .ui-icon-battery-2 { background-position: -80px -176px; } .ui-icon-battery-3 { background-position: -96px -176px; } .ui-icon-circle-plus { background-position: 0 -192px; } .ui-icon-circle-minus { background-position: -16px -192px; } .ui-icon-circle-close { background-position: -32px -192px; } .ui-icon-circle-triangle-e { background-position: -48px -192px; } .ui-icon-circle-triangle-s { background-position: -64px -192px; } .ui-icon-circle-triangle-w { background-position: -80px -192px; } .ui-icon-circle-triangle-n { background-position: -96px -192px; } .ui-icon-circle-arrow-e { background-position: -112px -192px; } .ui-icon-circle-arrow-s { background-position: -128px -192px; } .ui-icon-circle-arrow-w { background-position: -144px -192px; } .ui-icon-circle-arrow-n { background-position: -160px -192px; } .ui-icon-circle-zoomin { background-position: -176px -192px; } .ui-icon-circle-zoomout { background-position: -192px -192px; } .ui-icon-circle-check { background-position: -208px -192px; } .ui-icon-circlesmall-plus { background-position: 0 -208px; } .ui-icon-circlesmall-minus { background-position: -16px -208px; } .ui-icon-circlesmall-close { background-position: -32px -208px; } .ui-icon-squaresmall-plus { background-position: -48px -208px; } .ui-icon-squaresmall-minus { background-position: -64px -208px; } .ui-icon-squaresmall-close { background-position: -80px -208px; } .ui-icon-grip-dotted-vertical { background-position: 0 -224px; } .ui-icon-grip-dotted-horizontal { background-position: -16px -224px; } .ui-icon-grip-solid-vertical { background-position: -32px -224px; } .ui-icon-grip-solid-horizontal { background-position: -48px -224px; } .ui-icon-gripsmall-diagonal-se { background-position: -64px -224px; } .ui-icon-grip-diagonal-se { background-position: -80px -224px; } /* Misc visuals ----------------------------------*/ /* Corner radius */ .ui-corner-tl { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; } .ui-corner-tr { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bl { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-br { -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-top { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; } .ui-corner-bottom { -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-right { -moz-border-radius-topright: 4px; -webkit-border-top-right-radius: 4px; border-top-right-radius: 4px; -moz-border-radius-bottomright: 4px; -webkit-border-bottom-right-radius: 4px; border-bottom-right-radius: 4px; } .ui-corner-left { -moz-border-radius-topleft: 4px; -webkit-border-top-left-radius: 4px; border-top-left-radius: 4px; -moz-border-radius-bottomleft: 4px; -webkit-border-bottom-left-radius: 4px; border-bottom-left-radius: 4px; } .ui-corner-all { -moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url('../../fileadmin/tools/jquery/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); } .ui-widget-shadow { margin: -8px 0 0 -8px; padding: 8px; background: #aaaaaa url('../../fileadmin/tools/jquery/css/smoothness/images/ui-bg_flat_0_aaaaaa_40x100.png') 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/* Resizable ----------------------------------*/ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px;z-index: 99999; 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;}/* Accordion ----------------------------------*/ .ui-accordion .ui-accordion-header { cursor: pointer; position: relative; margin-top: 1px; zoom: 1; } .ui-accordion .ui-accordion-li-fix { display: inline; } .ui-accordion .ui-accordion-header-active { border-bottom: 0 !important; } .ui-accordion .ui-accordion-header a { display: block; font-size: 1em; padding: .5em .5em .5em .7em; } .ui-accordion-icons .ui-accordion-header a { padding-left: 2.2em; } .ui-accordion .ui-accordion-header .ui-icon { position: absolute; left: .5em; top: 50%; margin-top: -8px; } .ui-accordion .ui-accordion-content { padding: 1em 2.2em; border-top: 0; margin-top: -2px; position: relative; top: 1px; margin-bottom: 2px; overflow: auto; display: none; zoom: 1; } .ui-accordion .ui-accordion-content-active { display: block; }/* Autocomplete ----------------------------------*/ .ui-autocomplete { position: absolute; cursor: default; } .ui-autocomplete-loading { background: white url('../../fileadmin/tools/jquery/css/smoothness/images/ui-anim_basic_16x16.gif') right center no-repeat; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* Menu ----------------------------------*/ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; width: 100%; } .ui-menu .ui-menu-item a { text-decoration:none; display:block; padding:.2em .4em; line-height:1.5; zoom:1; } .ui-menu .ui-menu-item a.ui-state-hover, .ui-menu .ui-menu-item a.ui-state-active { margin: -1px; } /* Button ----------------------------------*/ .ui-button { display: inline-block; position: relative; padding: 0; margin-right: .1em; text-decoration: none !important; cursor: pointer; text-align: center; zoom: 1; overflow: visible; } /* the overflow property removes extra width in IE */ .ui-button-icon-only { width: 2.2em; } /* to make room for the icon, a width needs to be set here */ button.ui-button-icon-only { width: 2.4em; } /* button elements seem to need a little more width */ .ui-button-icons-only { width: 3.4em; } button.ui-button-icons-only { width: 3.7em; } /*button text element */ .ui-button .ui-button-text { display: block; line-height: 1.4; } .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 .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* no icon support for input elements, provide padding by default */ input.ui-button { padding: .4em 1em; } /*button icon element(s) */ .ui-button-icon-only .ui-icon, .ui-button-text-icon .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 .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-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } /*button sets*/ .ui-buttonset { margin-right: 7px; } .ui-buttonset .ui-button { margin-left: 0; margin-right: -.3em; } /* workarounds */ button.ui-button::-moz-focus-inner { border: 0; padding: 0; } /* reset extra padding in Firefox */ /* Dialog ----------------------------------*/ .ui-dialog { position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar { padding: .5em 1em .3em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .2em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; width: 19px; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span { display: block; margin: 1px; } .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { border: 0; padding: .5em 1em; background: none; overflow: auto; zoom: 1; } .ui-dialog .ui-dialog-buttonpane { text-align: left; border-width: 1px 0 0 0; background-image: none; margin: .5em 0 0 0; padding: .3em 1em .5em .4em; } .ui-dialog .ui-dialog-buttonpane button { float: right; margin: .5em .4em .5em 0; cursor: pointer; padding: .2em .6em .3em .6em; line-height: 1.4em; width:auto; overflow:visible; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /* Slider ----------------------------------*/ .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-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; }/* Tabs ----------------------------------*/ .ui-tabs { position: relative; padding: .2em; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */ .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: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; 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-selected { margin-bottom: 0; padding-bottom: 1px; } .ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; } .ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */ .ui-tabs .ui-tabs-panel { display: block; border: 0; padding: 1em 1.4em; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /* Datepicker ----------------------------------*/ .ui-datepicker { width: 17em; padding: .2em .2em 0; } .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: bold; 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 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 .6em; width:auto; overflow:visible; } .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } /* with multiple calendars */ .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 { border-left-width:0; } .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%; } /* RTL support */ .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 { float:right; } .ui-datepicker-rtl .ui-datepicker-group { float:right; } .ui-datepicker-rtl .ui-datepicker-group-last .ui-datepicker-header { border-right-width:0; border-left-width:1px; } .ui-datepicker-rtl .ui-datepicker-group-middle .ui-datepicker-header { border-right-width:0; border-left-width:1px; } /* IE6 IFRAME FIX (taken from datepicker 1.5.3 */ .ui-datepicker-cover { display: none; /*sorry for IE5*/ display/**/: block; /*sorry for IE5*/ position: absolute; /*must have*/ z-index: -1; /*must have*/ filter: mask(); /*must have*/ top: -4px; /*must have*/ left: -4px; /*must have*/ width: 200px; /*must have*/ height: 200px; /*must have*/ }/* Progressbar ----------------------------------*/ .ui-progressbar { height:2em; text-align: left; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } .toast-title { font-weight: bold; } .toast-message { -ms-word-wrap: break-word; word-wrap: break-word; } .toast-message a, .toast-message label { color: #ffffff; } .toast-message a:hover { color: #cccccc; text-decoration: none; } .toast-top-full-width { top: 0; right: 0; width: 100%; } .toast-bottom-full-width { bottom: 0; right: 0; width: 100%; } .toast-top-left { top: 12px; left: 12px; } .toast-top-right { top: 12px; right: 12px; } .toast-bottom-right { right: 12px; bottom: 12px; } .toast-bottom-left { bottom: 12px; left: 12px; } #toast-container { position: fixed; z-index: 999999; } #toast-container * { -moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box; } #toast-container > div { margin: 0 0 6px; padding: 15px 15px 15px 50px; width: 300px; -moz-border-radius: 3px 3px 3px 3px; -webkit-border-radius: 3px 3px 3px 3px; border-radius: 3px 3px 3px 3px; background-position: 15px center; background-repeat: no-repeat; -moz-box-shadow: 0 0 12px #999999; -webkit-box-shadow: 0 0 12px #999999; box-shadow: 0 0 12px #999999; color: #ffffff; opacity: 0.8; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80); filter: alpha(opacity=80); } #toast-container > :hover { -moz-box-shadow: 0 0 12px #000000; -webkit-box-shadow: 0 0 12px #000000; box-shadow: 0 0 12px #000000; opacity: 1; -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); filter: alpha(opacity=100); cursor: pointer; } #toast-container > .toast-info { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGwSURBVEhLtZa9SgNBEMc9sUxxRcoUKSzSWIhXpFMhhYWFhaBg4yPYiWCXZxBLERsLRS3EQkEfwCKdjWJAwSKCgoKCcudv4O5YLrt7EzgXhiU3/4+b2ckmwVjJSpKkQ6wAi4gwhT+z3wRBcEz0yjSseUTrcRyfsHsXmD0AmbHOC9Ii8VImnuXBPglHpQ5wwSVM7sNnTG7Za4JwDdCjxyAiH3nyA2mtaTJufiDZ5dCaqlItILh1NHatfN5skvjx9Z38m69CgzuXmZgVrPIGE763Jx9qKsRozWYw6xOHdER+nn2KkO+Bb+UV5CBN6WC6QtBgbRVozrahAbmm6HtUsgtPC19tFdxXZYBOfkbmFJ1VaHA1VAHjd0pp70oTZzvR+EVrx2Ygfdsq6eu55BHYR8hlcki+n+kERUFG8BrA0BwjeAv2M8WLQBtcy+SD6fNsmnB3AlBLrgTtVW1c2QN4bVWLATaIS60J2Du5y1TiJgjSBvFVZgTmwCU+dAZFoPxGEEs8nyHC9Bwe2GvEJv2WXZb0vjdyFT4Cxk3e/kIqlOGoVLwwPevpYHT+00T+hWwXDf4AJAOUqWcDhbwAAAAASUVORK5CYII=") !important; } #toast-container > .toast-error { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAHOSURBVEhLrZa/SgNBEMZzh0WKCClSCKaIYOED+AAKeQQLG8HWztLCImBrYadgIdY+gIKNYkBFSwu7CAoqCgkkoGBI/E28PdbLZmeDLgzZzcx83/zZ2SSXC1j9fr+I1Hq93g2yxH4iwM1vkoBWAdxCmpzTxfkN2RcyZNaHFIkSo10+8kgxkXIURV5HGxTmFuc75B2RfQkpxHG8aAgaAFa0tAHqYFfQ7Iwe2yhODk8+J4C7yAoRTWI3w/4klGRgR4lO7Rpn9+gvMyWp+uxFh8+H+ARlgN1nJuJuQAYvNkEnwGFck18Er4q3egEc/oO+mhLdKgRyhdNFiacC0rlOCbhNVz4H9FnAYgDBvU3QIioZlJFLJtsoHYRDfiZoUyIxqCtRpVlANq0EU4dApjrtgezPFad5S19Wgjkc0hNVnuF4HjVA6C7QrSIbylB+oZe3aHgBsqlNqKYH48jXyJKMuAbiyVJ8KzaB3eRc0pg9VwQ4niFryI68qiOi3AbjwdsfnAtk0bCjTLJKr6mrD9g8iq/S/B81hguOMlQTnVyG40wAcjnmgsCNESDrjme7wfftP4P7SP4N3CJZdvzoNyGq2c/HWOXJGsvVg+RA/k2MC/wN6I2YA2Pt8GkAAAAASUVORK5CYII=") !important; } #toast-container > .toast-success { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAADsSURBVEhLY2AYBfQMgf///3P8+/evAIgvA/FsIF+BavYDDWMBGroaSMMBiE8VC7AZDrIFaMFnii3AZTjUgsUUWUDA8OdAH6iQbQEhw4HyGsPEcKBXBIC4ARhex4G4BsjmweU1soIFaGg/WtoFZRIZdEvIMhxkCCjXIVsATV6gFGACs4Rsw0EGgIIH3QJYJgHSARQZDrWAB+jawzgs+Q2UO49D7jnRSRGoEFRILcdmEMWGI0cm0JJ2QpYA1RDvcmzJEWhABhD/pqrL0S0CWuABKgnRki9lLseS7g2AlqwHWQSKH4oKLrILpRGhEQCw2LiRUIa4lwAAAABJRU5ErkJggg==") !important; } #toast-container > .toast-warning { background-image: url("data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABgAAAAYCAYAAADgdz34AAAAAXNSR0IArs4c6QAAAARnQU1BAACxjwv8YQUAAAAJcEhZcwAADsMAAA7DAcdvqGQAAAGYSURBVEhL5ZSvTsNQFMbXZGICMYGYmJhAQIJAICYQPAACiSDB8AiICQQJT4CqQEwgJvYASAQCiZiYmJhAIBATCARJy+9rTsldd8sKu1M0+dLb057v6/lbq/2rK0mS/TRNj9cWNAKPYIJII7gIxCcQ51cvqID+GIEX8ASG4B1bK5gIZFeQfoJdEXOfgX4QAQg7kH2A65yQ87lyxb27sggkAzAuFhbbg1K2kgCkB1bVwyIR9m2L7PRPIhDUIXgGtyKw575yz3lTNs6X4JXnjV+LKM/m3MydnTbtOKIjtz6VhCBq4vSm3ncdrD2lk0VgUXSVKjVDJXJzijW1RQdsU7F77He8u68koNZTz8Oz5yGa6J3H3lZ0xYgXBK2QymlWWA+RWnYhskLBv2vmE+hBMCtbA7KX5drWyRT/2JsqZ2IvfB9Y4bWDNMFbJRFmC9E74SoS0CqulwjkC0+5bpcV1CZ8NMej4pjy0U+doDQsGyo1hzVJttIjhQ7GnBtRFN1UarUlH8F3xict+HY07rEzoUGPlWcjRFRr4/gChZgc3ZL2d8oAAAAASUVORK5CYII=") !important; } #toast-container.toast-top-full-width > div, #toast-container.toast-bottom-full-width > div { width: 96%; margin: auto; } .toast { background-color: #030303; } .toast-success { background-color: #51a351; } .toast-error { background-color: #bd362f; } .toast-info { background-color: #2f96b4; } .toast-warning { background-color: #f89406; } /*Responsive Design*/ @media all and (max-width: 240px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 108px; } } @media all and (min-width: 241px) and (max-width: 320px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 128px; } } @media all and (min-width: 321px) and (max-width: 480px) { #toast-container > div { padding: 8px 8px 8px 50px; width: 192px; } } @media all and (min-width: 481px) and (max-width: 768px) { #toast-container > div { padding: 15px 15px 15px 50px; width: 300px; } } .tx-stquicknavigation-pi1 ul, .tx-stquicknavigation-pi1 li {list-style:none;margin:0;padding:0} .tx-stquicknavigation-pi1 li {line-height:100%; display:block} .tx-stquicknavigation-pi1 ul {padding:0 0 10px 0; margin:0 20px 0 0; width:200px; float:left} .tx-stquicknavigation-pi1 ul ul {width:auto; float:none} .tx-stquicknavigation-pi1 ul ul ul {padding:0 0 0 10px} .content .tx-stquicknavigation-pi1 ul a {text-decoration:none; border-bottom:1px dotted #ccc; display:block; padding-bottom:5px; margin-bottom:5px; line-height:140%; font-weight:bold} .content .tx-stquicknavigation-pi1 ul ul a {color:#000; border-width:0; padding:0; font-weight:normal} .st-quicknavigation-column {float:left; width:220px; overflow:hidden}