/* base.css*/ @charset "UTF-8"; @media all { /** * @section browser reset * @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html */ /* (en) Global reset of paddings and margins for all HTML elements */ /* (de) Globales Zurücksetzen der Innen- und Außenabstände für alle HTML-Elemente */ * { margin:0; padding:0; } /* (en) Correction:margin/padding reset caused too small select boxes. */ /* (de) Korrektur:Das Zurücksetzen der Abstände verursacht zu kleine Selectboxen. */ option { padding-left:0.4em; } /* LTR */ select { padding:1px; } /** * (en) Global fix of the Italics bugs in IE 5.x and IE 6 * (de) Globale Korrektur des Italics Bugs des IE 5.x und IE 6 * * @bugfix * @affected IE 5.x/Win, IE6 * @css-for IE 5.x/Win, IE6 * @valid yes */ * html body * { overflow:visible; } * html iframe, * html frame { overflow:auto; } * html frameset { overflow:hidden; } body { /* (en) Fix for rounding errors when scaling font sizes in older versions of Opera browser */ /* (de) Beseitigung von Rundungsfehler beim Skalieren von Schriftgrößen in älteren Opera Versionen */ font-size:100.01%; /* (en) Standard values for colors and text alignment */ /* (de) Vorgabe der Standardfarben und Textausrichtung */ background:#fff; color:#000; text-align:left; /* LTR */ } /* (en) avoid visible outlines on DIV containers in Webkit browsers */ /* (de) Vermeidung sichtbarer Outline-Rahmen in Webkit-Browsern */ div { outline:0 none; } /* (en) Clear borders for
and elements */ /* (de) Rahmen für
und Elemente löschen */ fieldset, img { border:0 solid; } /* (en) new standard values for lists, blockquote and cite */ /* (de) Neue Standardwerte für Listen & Zitate */ ul, ol, dl { margin:0 0 1em 1em; } /* LTR */ li { line-height:1.5em; margin-left:0.8em; /* LTR */ } dt { font-weight:bold; } dd { margin:0 0 1em 0.8em; } /* LTR */ blockquote { margin:0 0 1em 0.8em; } /* LTR */ blockquote:before, blockquote:after, q:before, q:after { content:""; } /*------------------------------------------------------------------------------------------------------*/ /** * @section clearing methods * @see http://yaml.de/en/documentation/basics/general.html */ /* (en) clearfix method for clearing floats */ /* (de) Clearfix-Methode zum Clearen der Float-Umgebungen */ .clearfix:after { clear:both; content:"."; display:block; font-size:0; height:0; visibility:hidden; } /* (en) essential for Safari browser !! */ /* (de) Diese Angabe benötigt der Safari-Browser zwingend !! */ .clearfix { display:block; } /* (en) alternative solution to contain floats */ /* (de) Alternative Methode zum Einschließen von Float-Umgebungen */ .floatbox { overflow:hidden; } /* (en) IE-Clearing:Only used in Internet Explorer, switched on in iehacks.css */ /* (de) IE-Clearing:Benötigt nur der Internet Explorer und über iehacks.css zugeschaltet */ #ie_clearing { display:none; } /*------------------------------------------------------------------------------------------------------*/ /** * @section hidden elements | Versteckte Elemente * @see http://www.yaml.de/en/documentation/basics/skip-links.html * * (en) skip links and hidden content * (de) Skip-Links und versteckte Inhalte */ /* (en) classes for invisible elements in the base layout */ /* (de) Klassen für unsichtbare Elemente im Basislayout */ .skip, .hideme, .print { position:absolute; top:-32768px; left:-32768px; /* LTR */ } /* (en) make skip links visible when using tab navigation */ /* (de) Skip-Links für Tab-Navigation sichtbar schalten */ .skip:focus, .skip:active { position:static; top:0; left:0; } /* skiplinks:technical setup */ #skiplinks { position:absolute; top:0px; left:-32768px; z-index:1000; width:100%; margin:0; padding:0; list-style-type:none; } #skiplinks a.skip:focus, #skiplinks a.skip:active { left:32768px; outline:0 none; position:absolute; width:100%; } } @media screen, projection { /** * @section base layout | Basis Layout * @see http://www.yaml.de/en/documentation/css-components/base-stylesheet.html * * |-------------------------------| * | #header | * |-------------------------------| * | #col1 | #col3 | #col2 | * | 200 px | flexible | 200px | * |-------------------------------| * | #footer | * |-------------------------------| */ #header { position:relative; } /* (en) Text Alignment for #topnav content */ /* (de) Textausrichtung für #topnav Inhalte */ #topnav { text-align:right; } /* LTR */ /* (en) Absolute positioning only within #header */ /* (de) Absolute Positionierung erfolgt nur innerhalb von #header */ #header #topnav { position:absolute; top:10px; right:10px; /* LTR */ } /* (en) Backup for correct positioning */ /* (de) Absicherung korrekte Positionierung */ #header, #nav, #main, #footer { clear:both; } #col1 { float:left; width:200px; } #col2 { float:right; width:200px; } #col3 { width:auto; margin:0 200px; } /* (en) Preparation for absolute positioning within content columns */ /* (de) Vorbereitung für absolute Positionierungen innerhalb der Inhaltsspalten */ #col1_content, #col2_content, #col3_content { position:relative; } /*------------------------------------------------------------------------------------------------------*/ /** * @section subtemplates * @see http://www.yaml.de/en/documentation/practice/subtemplates.html */ .subcolumns { width:100%; overflow:hidden; } /* (en) alternative class for optional support of old Mozilla/Netscape browers */ /* (de) Alternative Klasse zur optionalen Unterstützung alter Mozilla/Netscape-Brower */ .subcolumns_oldgecko { width:100%; float:left; } .c16l, .c20l, .c25l, .c33l, .c40l, .c38l, .c50l, .c60l, .c62l, .c66l, .c75l, .c80l { float:left; } .c16r, .c20r, .c25r, .c33r, .c40r, .c38r, .c50r, .c60r, .c66r, .c62r, .c75r, .c80r { float:right; margin-left:-5px; } .c16l, .c16r { width:16.666%; } .c20l, .c20r { width:20%; } .c40l, .c40r { width:40%; } .c60l, .c60r { width:60%; } .c80l, .c80r { width:80%; } .c25l, .c25r { width:25%; } .c33l, .c33r { width:33.333%; } .c50l, .c50r { width:50%; } .c66l, .c66r { width:66.666%; } .c75l, .c75r { width:75%; } .c38l, .c38r { width:38.2%; } .c62l, .c62r { width:61.8%; } .subc { padding:0 0.5em; } .subcl { padding:0 1em 0 0; } .subcr { padding:0 0 0 1em; } .equalize, .equalize .subcolumns { overflow:visible; display:table; table-layout:fixed; } .equalize > div { display:table-cell; float:none; margin:0; overflow:hidden; vertical-align:top; } } @media print { /** * (en) float clearing for .floatbox and subtemplates. Uses display:table to avoid bugs in FF & IE * (de) Float Clearing für .floatbox und die Subtemplates. Verwendet display:table, um Darstellungsprobleme im FF & IE zu vermeiden * * @bugfix * @since 3.0 * @affected FF2.0, FF3.0, IE7 * @css-for all browsers * @valid yes */ .subcolumns > div, .floatbox { overflow:visible; display:table; } /* (en) make .print class visible */ /* (de) .print-Klasse sichtbar schalten */ .print { position:static; left:0; } /* (en) generic class to hide elements for print */ /* (de) Allgemeine CSS Klasse, um beliebige Elemente in der Druckausgabe auszublenden */ .noprint { display:none !important; } } /* basemod.css*/ /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework * (en) stylesheet for screen layout * (de) Stylesheet für das Bildschirm-Layout * * @creator YAML Builder V1.2.1 (http://builder.yaml.de) * @file basemod.css * @-yaml-minver 3.3 */ @media screen, projection { /** * (en) Forcing vertical scrollbars in IE8, Firefox, Webkit & Opera * (de) Erzwingen vertikaler Scrollbalken in IE8, Firefox, Webkit & Opera * * @workaround * @affected IE8, FF, Webkit, Opera * @css-for all * @valid CSS3 */ body { overflow-y: scroll; } /*-------------------------------------------------------------------------*/ /* (en) Marginal areas & page background */ /* (de) Randbereiche & Seitenhintergrund */ body { background: url("../../images/layout/bkg-sprite.gif") repeat-x 0 -361px; padding: 0; } /* Layout Alignment | Layout-Ausrichtung */ .page_margins { margin: 0 auto; } /* Layout Properties | Layout-Eigenschaften */ .page_margins { width: 982px; background: transparent; } .page { } #header { color: #a4bde1; background: transparent; height:110px; display:block; } #topnav { position:absolute; top:10px; right:10px; text-align:right; color: #aaa; background: transparent; } #nav { height: 78px; } #main { margin: 0; background: #fff; } #footer { padding: 10px 0; color:#666; background: #eeeeee; border-top: 1px #cbcbcb solid; color:#2a4975; margin-top: 14px;width: 100%; } /* (en) navigation: horizontal adjustment | (de) horizontale Ausrichtung */ #nav ul { margin-left: 20px; } /*-------------------------------------------------------------------------*/ /** * (en) Formatting content container * (de) Formatierung der Inhalts-Container * */ #col1 { float: left; width: 25%; margin-top: -16px; z-index:100;} #col2 { display:none} #col3 { width: auto; margin: 0 0 0 25%} #col1_content { margin-left: 10px; z-index:50;} .theme-blue #col3_content, .theme-black #col3_content, .theme-platin #col3_content, .theme-gold #col3_content, .theme-green #col3_content { padding: 67px 0 20px 1px; } .theme-default #col3_content { padding: 37px 0 0 1px; } #page_single { padding: 67px 0 0 0; } /* login frm highlight */ .frm-highlight { border: solid 1px #cd071e; } .equalize, .equalize .subcolumns { display: table; overflow: visible; table-layout: fixed; } #footer .c16l, #footer .c16r { border-left: 1px solid #d9d9d9; padding-left:8px; } .equalize > div { display: table-cell; float: none; margin: 0; overflow: hidden; vertical-align: top; } #footer h3 { color:#73a1d0; text-transform:uppercase; font-weight:bold; font-size:12px; height:40px; vertical-align: middle; display: table-cell; background: url("../../images/layout/footer-sprite-v2.png") no-repeat top left; } #footer .subcolumns .subcl { padding: 0;} #footer .m-registration h3{ background-position: 0 -114px; padding-left:41px; } #footer .m-shopping h3{ background-position: 0 -478px; padding-left:34px; } #footer .m-company h3{ background-position: 0 0; padding-left:47px; } #footer .m-mylyoness h3{ background-position: 0 -59px; padding-left:41px; } #footer .m-community h3, #footer .service h3{ background: none; } #footer .m-info h3{ background-position: 0 -958px; padding-left:41px; } #footer ul{ margin:0; padding:0;} #footer ul li{ margin:0; padding:0; list-style:none;} #footer .service .subcl { background: url("../../images/layout/footer-service-bkg-v2.png") no-repeat no-repeat scroll 7px 0 transparent; height: 250px; margin: -30px 0 0 -10px; padding: 26px 0 0 35px; position: absolute; width: 141px; } #footer .service .subcl.long { background: url("../../images/layout/footer-sprite.png") no-repeat scroll 0 -676px transparent; } #footer .service .subcl.bg-short { background: url("../../images/layout/footer-service-bkg-small.png") no-repeat no-repeat scroll 7px 0 transparent; } /*-------------------------------------------------------------------------*/ .right {text-align:right; float:right;} .left {float:left;} div.logo {padding:31px 0 0 12px; width:385px;} #lyo-logo-header-print { display: none; } div.login {padding: 21px 0 0 0; } div.login-msg {height: 20px; padding: 0px 25px 0 0;} div.login-data { width: 505px; } .Err { /* error message */ color: #cd071e; } div.countries {padding:41px 0 0 0; } div.countries-name { padding-top:4px;} div.socialmedia{ line-height: 23px; position: absolute; right: 0px; top: 4px; width: 254px; color:#fff; font-size:11px; text-transform:uppercase; text-align: right; } div.socialmedia a { background: url("../../images/layout/icons-sprite.png") no-repeat top left; display:block; float: right; margin-left: 4px; } div.socialmedia a.facebook{background-position: 0 0; width: 21px; height: 21px;} div.socialmedia a.twitter{background-position: -254px 0; width: 21px; height: 21px;} div.socialmedia a.googleplus{background-position: -46px 0; width: 22px; height: 21px;} div.socialmedia a.youtube{background-position: -300px 0; width: 22px; height: 21px;} div.socialmedia a.rss{background-position: -143px 0; width: 21px; height: 21px;} div.socialmedia a.blog{background-position: -478px 0; width: 21px; height: 21px;} /* Login Form*/ #FrmLogin input { color: #fff; outline: none; } /* Main Navigation Styles */ #nav .hlist { height: 78px; background: url("../../images/layout/bkg-sprite.gif") repeat-x 0 -47px #9DB8DE; } #nav .hlist ul{ margin: 0 15px 0 0; padding: 0; float:right; } #nav .hlist ul li { display: inline; float: left; position:relative; list-style-type:none; text-align: center; width: 130px; z-index:300; } #nav .hlist ul li a, #nav .hlist ul li.active > a { font-size:12px; font-weight:bold; text-transform:uppercase; color:#1e3459; display:block; padding: 54px 0 3px 0; background: url("../../images/layout/nav-sprite-v2.png") no-repeat top left; } #nav .hlist > ul > li > a { line-height: 12px;height: 21px;} /* normale Hintergründe */ #nav .hlist ul li.m-registration > a { background-position: -462px 0 } #nav .hlist ul li.m-shopping > a { background-position: -665px 0; } #nav .hlist ul li.m-company > a { background-position: -58px -1px; } #nav .hlist ul li.m-mylyoness > a { background-position: -262px 0; } #nav .hlist ul li.m-info > a { background-position: -858px 0; } /* hover und active Hintergründe */ #nav .hlist ul li.m-registration:hover > a, #nav .hlist ul li.m-registration.active > a { background-position: -362px 0; } #nav .hlist ul li.m-shopping:hover > a, #nav .hlist ul li.m-shopping.active > a { background-position: -564px 0; } #nav .hlist ul li.m-company:hover > a, #nav .hlist ul li.m-company:hover, #nav .hlist ul li.m-company.active > a{ background-position: 40px 0; } #nav .hlist ul li.m-mylyoness:hover > a, #nav .hlist ul li.m-mylyoness.active > a{ background-position: -161px 0; } #nav .hlist ul li.m-info:hover > a, #nav .hlist ul li.m-info.active > a { background-position: -759px 0; } #nav .hlist ul li a:hover{ text-decoration:none;} /*--versteckt die "Drop-Down-Links", solange nicht gehovert wird--*/ #nav .hlist ul ul { position: absolute; background:#fff; width: 191px; margin: 0 0 0 -15px; display: none; box-shadow: 3px 3px 4px #888; -moz-box-shadow: 3px 3px 4px #888; -webkit-box-shadow: 3px 3px 4px #888; } #nav .hlist ul li.m-mylyoness ul {margin: 0 0 0 -46px;} #nav .hlist ul ul li { margin:0; padding:0; text-align: left; } #nav .hlist ul ul li a { background: none repeat scroll 0 0 #b9d7f4 !important; font-size: 11px; font-weight: bold; padding: 4px 8px; width: 175px; margin:2px 0 0 0; } #nav .hlist ul ul li a:hover{ background: none repeat scroll 0 0 #004877 !important; color:#fff !important; } #nav .hlist ul li:hover ul { display: block; } /* Themes My-Lyoness Subnav *********************************************************/ #subnav { height: 31px;position: absolute;width: 982px;} .theme-default #subnav { background: none; } .theme-blue #subnav { background: url("../../images/layout/bkg-subnav-blue.png") repeat-x 0 0;} .theme-black #subnav { background: url("../../images/layout/bkg-subnav-black.png") repeat-x 0 0;} .theme-platin #subnav { background: url("../../images/layout/bkg-subnav-platin.png") repeat-x 0 0;} .theme-gold #subnav { background: url("../../images/layout/bkg-subnav-gold.png") repeat-x 0 0;} .theme-green #subnav { background: url("../../images/layout/bkg-subnav-green.gif") repeat-x 0 0;} #subnav ul{ margin: 0; padding: 0;float: right; } #subnav ul li {list-style-type:none;margin: 0;} #subnav > ul > li{ display: inline; float: left; position:relative; list-style-type:none; z-index:200; width: 120px; padding: 0 0 0 32px; background: url("../../images/layout/subnav-sprite.png") no-repeat left top; } .theme-green #subnav > ul > li {background: url("../../images/layout/subnav-partner-sprite.png") no-repeat left top;} /* Sprites my lyoness */ .theme-blue #subnav ul li.c-status { background-position: 0 -412px;} #subnav ul li.c-status:hover { background-position: 0 -529px !important;} .theme-black #subnav ul li.c-status { background-position: 0 -373px;} .theme-platin #subnav ul li.c-status { background-position: 0 -490px;} .theme-gold #subnav ul li.c-status { background-position: 0 -451px;} .theme-blue #subnav ul li.c-einkaeufe { background-position: 0 -34px;} #subnav ul li.c-einkaeufe:hover { background-position: 0 -148px !important;} .theme-black #subnav ul li.c-einkaeufe { background-position: 0 4px;} .theme-platin #subnav ul li.c-einkaeufe { background-position: 0 -110px;} .theme-gold #subnav ul li.c-einkaeufe { background-position: 0 -72px;} .theme-blue #subnav ul li.c-team { background-position: 0 -607px;} #subnav ul li.c-team:hover { background-position: 0 -721px !important;} .theme-black #subnav ul li.c-team { background-position: 0 -569px;} .theme-platin #subnav ul li.c-team { background-position: 0 -683px;} .theme-gold #subnav ul li.c-team { background-position: 0 -645px;} .theme-blue #subnav ul li.c-vorteile { background-position: 0 -800px;} #subnav ul li.c-vorteile:hover { background-position: 0 -914px !important;} .theme-black #subnav ul li.c-vorteile { background-position: 0 -761px;} .theme-platin #subnav ul li.c-vorteile { background-position: 0 -878px;} .theme-gold #subnav ul li.c-vorteile { background-position: 0 -839px;} .theme-blue #subnav ul li.c-erwvorteile { background-position: 0 -222px;} #subnav ul li.c-erwvorteile:hover { background-position: 0 -336px !important;} .theme-black #subnav ul li.c-erwvorteile { background-position: 0 -184px;} .theme-platin #subnav ul li.c-erwvorteile { background-position: 0 -298px;} .theme-gold #subnav ul li.c-erwvorteile { background-position: 0 -260px;} #subnav ul li.c-erwvorteile ul {margin: 0 0 0 -132px;} /*partner subnav */ .theme-green #subnav ul li.d-meinedaten{background-position: 0 -112px;} .theme-green #subnav ul li.d-meinedaten:hover { background-position: 0 -169px;} .theme-green #subnav ul li.d-marketing{background-position: 0 0;} .theme-green #subnav ul li.d-marketing:hover { background-position: 0 -57px;} .theme-green #subnav ul li.d-umsaetze{background-position: 0 -449px;} .theme-green #subnav ul li.d-umsaetze:hover { background-position: 0 -506px;} .theme-green #subnav ul li.d-rueckerwirtschaftung{background-position: 0 0;} .theme-green #subnav ul li.d-rueckerwirtschaftung:hover { background-position: 0 0;} .theme-green #subnav ul li.d-pos{background-position: 0 -226px;} .theme-green #subnav ul li.d-pos:hover { background-position: 0 -283px;} .theme-green #subnav ul li.d-service{background-position: 0 -337px;} .theme-green #subnav ul li.d-service:hover { background-position: 0 -393px;} #subnav ul li a, #subnav ul li.active strong { font-size:12px; color:#fff; display: table-cell; vertical-align: middle; height: 31px; line-height: 15px; } #subnav ul ul li a, #subnav ul ul li.active strong {display: block;} #subnav ul li:hover > a{ background: url("../../images/layout/subnav-indicator.png") no-repeat center top; } /* fist sublevel **********/ #subnav ul ul li { margin: 2px 0; padding:0; background-image: none;display: inline-block;position: relative; } #subnav ul li:hover ul {display: block;} #subnav ul ul {position: absolute;background:#fff;width: 250px;margin: 0 0 0 -92px; display: none; border: 1px solid #c1d6f3; box-shadow: 3px 3px 4px #888; -moz-box-shadow: 3px 3px 4px #888; -webkit-box-shadow: 3px 3px 4px #888;} #subnav ul ul li a { background: #fff url("../../images/layout/list-arrow-blue.png") no-repeat 8px 7px;font-size: 11px;font-weight: bold;padding: 0 20px;height: auto;line-height: 21px;width: 210px;color: #2a4975; } #subnav ul ul li:hover a{ background: #cfdff6 url("../../images/layout/list-arrow-blue.png") no-repeat 8px 7px; } /* theme-default - (in public area) */ .theme-default #subnav ul ul {border: 1px solid #c1d6f3;} .theme-default #subnav ul ul li a {background: #fff url("../../images/layout/list-arrow-blue.png") no-repeat 8px 7px;color: #2a4975;} .theme-default #subnav ul ul li a:hover{background: #cfdff6 url("../../images/layout/list-arrow-blue.png") no-repeat 8px 7px;} /* theme-blue */ .theme-blue #subnav ul ul{border: 1px solid #c1d6f3;} .theme-blue #subnav ul ul li a {background: #fff url("../../images/layout/list-arrow-blue.png") no-repeat 8px 7px;color: #2a4975;} .theme-blue #subnav ul ul li a:hover{background: #cfdff6 url("../../images/layout/list-arrow-blue.png") no-repeat 8px 7px;} /* theme-black */ .theme-black #subnav ul ul {border: 1px solid #8e8e8e;} .theme-black #subnav ul ul li a {background: #fff url("../../images/layout/list-arrow-black.png") no-repeat 8px 7px; color: #000;} .theme-black #subnav ul ul li:hover a {background: #8e8e8e url("../../images/layout/list-arrow-black.png") no-repeat 8px 7px;} /* theme-platin */ .theme-platin #subnav ul ul {border: 1px solid #babfc2;} .theme-platin #subnav ul ul li a {background: #fff url("../../images/layout/list-arrow-platin.png") no-repeat 8px 7px; color: #585858;} .theme-platin #subnav ul ul li:hover a {background: #babfc2 url("../../images/layout/list-arrow-platin.png") no-repeat 8px 7px;} /* theme-gold */ .theme-gold #subnav ul ul {border: 1px solid #d1c27c;} .theme-gold #subnav ul ul li a {background: #fff url("../../images/layout/list-arrow-gold.png") no-repeat 8px 7px; color: #6a5927;} .theme-gold #subnav ul ul li:hover a {background: #d1c27c url("../../images/layout/list-arrow-gold.png") no-repeat 8px 7px;} /* theme-green */ .theme-green #subnav ul ul {border: 1px solid #aad045;} .theme-green #subnav ul ul li a {background: #fff url("../../images/layout/list-arrow-green.png") no-repeat 8px 7px; color: #3d6300;} .theme-green #subnav ul ul li:hover a {background: #aad045 url("../../images/layout/list-arrow-green.png") no-repeat 8px 7px;} /* second sublevel **********/ #subnav ul ul ul li { margin:0; padding:0; background-image: none;} #subnav ul ul ul{ position: relative; display: block;margin: 0;border: none !important; box-shadow: none; -moz-box-shadow: none; -webkit-box-shadow: none; } #subnav ul ul ul li a { background-image: none !important; padding-left: 30px; width: 200px;} a#navigation { background: url("../../images/layout/nav-cat-left-bottom.png") no-repeat scroll left top transparent; height: 8px; margin: 70px 0 0 -20px; position: absolute; width: 20px; } /* Catlist Styles *********************************************************/ #nav .catlist { background: url("../../images/layout/nav-cat-bkg.png") no-repeat scroll left top transparent; height: 59px; margin: -67px 0 0 -20px; position: relative; width: 422px; z-index: 300; } #nav .catlist > form { } ul.cattree { margin: 0; padding: 0; width:208px; z-index: 10; } ul.cattree li { position: relative; background: url("../../images/layout/bkg-cattree.png") repeat-y scroll left center #415A83; list-style: none outside none; margin:0; z-index: 120; } ul.cattree li a { background: url("../../images/layout/arrow-blue-right.png") no-repeat scroll 10px 0.5em transparent; line-height:23px; height: auto; *height: 23px; *white-space: nowrap; /* Multiline does not work in IE7 */ color:#fff; display:block; padding-left:23px; } ul.cattree li:hover a { background: url("../../images/layout/arrow-blue-right-on.png") no-repeat scroll 10px 0.5em transparent; background-color:#c1d6f3; color:#2a4a75; } ul.cattree li a div.storeTopSellerMenu { background: url("../../images/store/lyo_store_icon_menu_hot01.png") no-repeat; width: 29px; height: 18px; margin-left: 5px; border: none; display: inline-block; } ul.cattree li:hover a div.storeTopSellerMenu { background: url("../../images/store/lyo_store_icon_menu_hot02.png") no-repeat; } ul.cattree li a div.storeNewMenu { background: url("../../images/store/lyo_store_icon_menu_new01.png") no-repeat; width: 29px; height: 18px; margin-left: 5px; border: none; display: inline-block; } ul.cattree li:hover a div.storeNewMenu { background: url("../../images/store/lyo_store_icon_menu_new02.png") no-repeat; } ul.cattree li a div.storeSaleMenu { background: url("../../images/store/lyo_store_icon_menu_sale01.png") no-repeat; width: 29px; height: 18px; margin-left: 5px; border: none; display: inline-block; } ul.cattree li:hover a div.storeSaleMenu { background: url("../../images/store/lyo_store_icon_menu_sale02.png") no-repeat; } .theme-blue a.cattree_handle, .theme-black a.cattree_handle, .theme-platin a.cattree_handle, .theme-gold a.cattree_handle, .theme-green a.cattree_handle { background: url("../../images/layout/nav-cattree-bottom.png") no-repeat scroll left center transparent; width:208px; display:block; height:23px; margin-bottom: 57px; } .theme-default a.cattree_handle { background: url("../../images/layout/nav-cattree-bottom.png") no-repeat scroll left center transparent; width:208px; display:block; height:23px; margin-bottom: 27px; } /*--versteckt die "Drop-Down-Links", solange nicht gehovert wird 2. Ebene --*/ ul.cattree ul { position: absolute; top: 0; background:#fff; width: 180px; margin: 0 0 0 208px; display: none; box-shadow: 3px 3px 4px #888; -moz-box-shadow: 3px 3px 4px #888; -webkit-box-shadow: 3px 3px 4px #888; z-index: 120; } ul.cattree ul li { margin:0; padding:0; background:none !important; z-index: 120; } ul.cattree ul li a { background: none repeat scroll 0 0 #c1d6f3 !important; font-size: 11px; font-weight: normal; padding: 4px 8px; width: 164px; color:#2a4975; margin:0 0 0 2px; height: auto; line-height: 15px; } ul.cattree ul li:hover a{ font-weight:bold; text-decoration:none; } ul.cattree li:hover ul { display: block; } /*--versteckt die "Drop-Down-Links", solange nicht gehovert wird 3. Ebene --*/ ul.cattree ul ul { position: absolute; background:#fff; width: 180px; margin: 0 0 0 182px; display: none !important; box-shadow: 3px 3px 4px #888; -moz-box-shadow: 3px 3px 4px #888; -webkit-box-shadow: 3px 3px 4px #888; } ul.cattree ul li:hover ul { display: block !important; } ul.cattree ul ul li a { margin:0; z-index: 120; font-weight: normal !important; } ul.cattree ul ul li a:hover { font-weight: bold !important; } .query_container {padding: 9px 0 0 177px; } #catlist{ display: none;} #query { background: url("../../images/layout/bkg-sprite.gif") repeat-x 0 -135px #415a83; height: 34px; color:#9eb6db; width:178px; border:none; padding:0 8px; line-height:34px; float: left; font-size: 14px; text-shadow: 1px 2px 0 #444444; } #col1 div.box, #col3 div.box, #col1 div.box-blue { margin: 0 0 15px 0; width:208px; background:#fff; padding:0; /*clear: both;*/ float: none; } #col3 div.box { width: auto;} #col3 div.box.blue { border: 1px solid #bad8f4;} #col3 div.box.blue .box-content { border: none;} #col1 div.box h3, #col3 div.box h3 { height:37px; line-height:37px; color:#1e3459; font-size:12px; font-weight:bold; background: url("../../images/layout/bkg-sprite.gif") repeat-x scroll 0 0 transparent; text-transform:uppercase; padding:0 10px; border: 1px solid #e0edfe; margin: 0; } #col1 div.box h3 span.right, #col3 div.box h3 span.right { float: right; } #col1 div.box-blue { background: #b9d7f4; } #col1 div.box-blue .box-content{ margin:0; padding:13px 14px; } #col1 div.box > ul { border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede; margin:0; padding: 5px 0; } #col1 div.box ul li { list-style: none; margin:0; padding:0; } #col1 div.box ul li.separator { height:1px; background:#e0edfe; margin:8px 10px; } #col1 div.box ul li.store {height:38px;} #col1 div.box ul li.store a { background: url("../../images/layout/icon-store.png") no-repeat scroll 13px center transparent; padding-left:60px; line-height:33px; display:block; font-weight: bold; } #col1 div.box ul li.favorite a { background: url("../../images/partner/fav_selected.png") no-repeat scroll 13px 2px transparent; display: block; font-weight: bold; padding-left: 39px; } #col1 div.box .box-content ul.gutscheine { margin: 0;padding: 0;} #col1 div.box .box-content ul.gutscheine li a { background: url("../../images/icons/icon-gutscheine.png") no-repeat scroll 0 0 transparent; display: table-cell; vertical-align: middle; font-weight: bold; padding-left: 43px; line-height: 1.4em; } #col1 div.box .box-content ul.gutscheine a { height: 35px; } #col1 div.box .box-content ul.gutscheine li { padding-bottom: 5px; border-bottom: #DEDEDE solid 1px; margin-bottom: 5px; } #col1 div.box .box-content ul.gutscheine li a.original-gs{ background-position: 2px 3px;} #col1 div.box .box-content ul.gutscheine li a.shopping-gs{ background-position: 2px -56px;} #col1 div.box .box-content ul.gutscheine li a.geschenk-gs{ background-position: 2px -115px;} #col1 div.box > ul li a, #col1 div.box .box-content > ul li a { display:block; line-height:23px; background: url("../../images/layout/list-arrow-blue.png") no-repeat scroll 13px center transparent; padding-left:26px; color:#1E3459; } #col1 div.box .box-content > ul li a { background-position: 0 center; margin: 0; padding-left: 13px; } #col1 div.box .box-content, #col3 div.box .box-content { border-left:1px solid #dedede; border-right:1px solid #dedede; border-bottom:1px solid #dedede; margin:0; padding:13px 14px; } #col1 div.box .box-content > table { font-weight: bold; width: 100%; } #col3 div.box-minheight-200 div.box .box-content, #col3 div.box-height-200 div.box .box-content { min-height: 200px;} #col3 div.box-minheight-100 div.box .box-content, #col3 div.box-height-100 div.box .box-content { min-height: 100px;} #col3 div.box-minheight-200 div.box.blue .box-content, #col3 div.box-height-200 div.box.blue .box-content { min-height: 237px;} #col3 div.box .box-content h1 { font-size: 20px;color: #004674;} #col3 div.box .box-content h2 { font-size: 14px;color: #004674;} #col3 div.box .box-content h6 { color: #004674;} #col3 ul.arrow { margin: 0;padding: 0;} #col3 ul.arrow li { list-style-type: none;margin: 0;padding: 0;} #col3 ul.arrow li a { background: url("../../images/layout/list-arrow-blue.png") no-repeat scroll 0 8px transparent; color: #004877; display: block; font-weight: bold; line-height: 23px; padding-left: 13px; } div.news_block {margin-top:26px;} div.news_block .teaser {height:134px; width:244px;margin:0;background: url("../../images/layout/bkg-news-teaser.png") no-repeat scroll 0 0 transparent;} div.news_block .teaser a { /*background: url("../../images/layout/bkg-sprite.gif") repeat-x 0 -179px; */ display:block; color: #4A401B; overflow:hidden; font-size: 14px; } div.news_block .teaser a p { padding: 10px 16px 10px 10px; display:none; text-align:left;height: 100%; } div.news_box { background: url("../../images/layout/bkg-box-news.gif") repeat-y scroll left center transparent; float: right; height: 254px; width: 238px; overflow: hidden; } div.news_box h3 {padding:8px 11px 0 11px; margin-bottom: 6px;} div.news_box h3 a { color:white; font-size:24px; text-transform:uppercase; font-weight:bold; } div.news_box.dealer { height: 265px; } div.news_box.dealer ul li a {font-size: 12px} div.news_box.dealer h3 { color:White; font-size:14px; text-transform:uppercase; font-weight:bold; padding:4px 11px 0 11px; margin-bottom: 5px;} div.news_box.dealer ul.arrow li { margin: 0 0 0 12px !important;} div.news_box.dealer ul.arrow li a { color: #4a401b !important;} div.news_box ul { margin:0; padding:0;} div.news_box ul li { margin: 9px 0; padding:0; list-style:none;} div.news_box ul li a { padding: 0 12px; font-size: 14px; color:#4a401b; display:block; } div.news_box ul li a:hover { text-decoration:underline;} #footer #copyright { padding: 20px 0; } .center { display: block; margin: 0.5em auto; text-align: center; } .small { font-size: 83.333%; } #slogan { line-height: 22px; margin: 10px 0; } /* * Hide print style elements */ #footer-print { display: none; } .box-vertical-middle { display: table-cell; vertical-align: middle; text-align: center; } #header .userviewtype { background: url("../../images/layout/bkg-userviewtype.png") no-repeat scroll left center transparent; height: 23px; position: absolute; right: 51px; top: 87px; width: 182px; } #header .userviewtype a.partner, #header .userviewtype a.customer { color: white; display: block; float: left; height: 23px; line-height: 23px; text-align: center; width: 90px; } .cattree-absolute { position: absolute; margin: -16px 0 0 10px;} /*styles für key-kampagne box */ #col1 div.key-box { margin-bottom: 10px;} #col1 div.key-box a {width: 210px; background: url("../../images/key-promo/lyo_key_statusbox_en_01.jpg") no-repeat scroll left center transparent; display: block; height: 171px;color: #004877;} #col1 div.key-box a:hover {background: url("../../images/key-promo/lyo_key_statusbox_en_02.jpg") no-repeat scroll left center transparent;text-decoration: none;} #col1 div.key-box .box-content {padding: 10px;font-weight: bold;line-height: 1.4em;} #col1 div.key-box .box-content h3 { color: #4d3e11;font-size: 12px;} #col1 div.key-box .box-content hr {border-color: #4d3e11;margin: 7px 0;} #col1 div.key-box.at a{background: url("../../images/key-promo/lyo_key_statusbox_at_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.at a:hover{background: url("../../images/key-promo/lyo_key_statusbox_at_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.bg a{background: url("../../images/key-promo/lyo_key_statusbox_bg_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.bg a:hover{background: url("../../images/key-promo/lyo_key_statusbox_bg_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.cy a{background: url("../../images/key-promo/lyo_key_statusbox_cy_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.cy a:hover{background: url("../../images/key-promo/lyo_key_statusbox_cy_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.cz a{background: url("../../images/key-promo/lyo_key_statusbox_cz_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.cz a:hover{background: url("../../images/key-promo/lyo_key_statusbox_cz_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.de a{background: url("../../images/key-promo/lyo_key_statusbox_de_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.de a:hover{background: url("../../images/key-promo/lyo_key_statusbox_de_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.en a{background: url("../../images/key-promo/lyo_key_statusbox_en_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.en a:hover{background: url("../../images/key-promo/lyo_key_statusbox_en_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.gb a{background: url("../../images/key-promo/lyo_key_statusbox_gb_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.gb a:hover{background: url("../../images/key-promo/lyo_key_statusbox_gb_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.gr a{background: url("../../images/key-promo/lyo_key_statusbox_gr_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.gr a:hover{background: url("../../images/key-promo/lyo_key_statusbox_gr_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.hu a{background: url("../../images/key-promo/lyo_key_statusbox_hu_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.hu a:hover{background: url("../../images/key-promo/lyo_key_statusbox_hu_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.pt a{background: url("../../images/key-promo/lyo_key_statusbox_pt_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.pt a:hover{background: url("../../images/key-promo/lyo_key_statusbox_pt_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.ro a{background: url("../../images/key-promo/lyo_key_statusbox_ro_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.ro a:hover{background: url("../../images/key-promo/lyo_key_statusbox_ro_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.si a{background: url("../../images/key-promo/lyo_key_statusbox_si_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.si a:hover{background: url("../../images/key-promo/lyo_key_statusbox_si_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.sk a{background: url("../../images/key-promo/lyo_key_statusbox_sk_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.sk a:hover{background: url("../../images/key-promo/lyo_key_statusbox_sk_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.tr a{background: url("http://gs1.wac.edgecastcdn.net/003D76/small/lyo-website-2/images/key-promo/lyo_key_statusbox_tr_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.tr a:hover{background: url("http://gs1.wac.edgecastcdn.net/003D76/small/lyo-website-2/images/key-promo/lyo_key_statusbox_tr_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.lt a{background: url("../../images/key-promo/lyo_key_statusbox_lt_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.lt a:hover{background: url("../../images/key-promo/lyo_key_statusbox_lt_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.lv a{background: url("../../images/key-promo/lyo_key_statusbox_lv_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.lv a:hover{background: url("../../images/key-promo/lyo_key_statusbox_lv_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member a {width: 210px; display: block; height: 105px;color: #004877;background: url("../../images/key-promo/lyo_key_promo_intern_en_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member a:hover {text-decoration: none;background: url("../../images/key-promo/lyo_key_promo_intern_en_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.at a{background: url("../../images/key-promo/lyo_key_promo_intern_at_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.at a:hover{background: url("../../images/key-promo/lyo_key_promo_intern_at_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.bg a{background: url("../../images/key-promo/lyo_key_promo_intern_bg_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.bg a:hover{background: url("../../images/key-promo/lyo_key_promo_intern_bg_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.cy a{background: url("../../images/key-promo/lyo_key_promo_intern_cy_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.cy a:hover{background: url("../../images/key-promo/lyo_key_promo_intern_cy_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.cz a{background: url("../../images/key-promo/lyo_key_promo_intern_cz_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.cz a:hover{background: url("../../images/key-promo/lyo_key_promo_intern_cz_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.de a{background: url("../../images/key-promo/lyo_key_promo_intern_de_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.de a:hover{background: url("../../images/key-promo/lyo_key_promo_intern_de_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.en a{background: url("../../images/key-promo/lyo_key_promo_intern_en_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.en a:hover{background: url("../../images/key-promo/lyo_key_promo_intern_en_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.gb a{background: url("../../images/key-promo/lyo_key_promo_intern_gb_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.gb a:hover{background: url("../../images/key-promo/lyo_key_promo_intern_gb_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.gr a{background: url("../../images/key-promo/lyo_key_promo_intern_gr_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.gr a:hover{background: url("../../images/key-promo/lyo_key_promo_intern_gr_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.hu a{background: url("../../images/key-promo/lyo_key_promo_intern_hu_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.hu a:hover{background: url("../../images/key-promo/lyo_key_promo_intern_hu_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.pt a{background: url("../../images/key-promo/lyo_key_promo_intern_pt_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.pt a:hover{background: url("../../images/key-promo/lyo_key_promo_intern_pt_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.ro a{background: url("../../images/key-promo/lyo_key_promo_intern_ro_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.ro a:hover{background: url("../../images/key-promo/lyo_key_promo_intern_ro_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.si a{background: url("../../images/key-promo/lyo_key_promo_intern_si_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.si a:hover{background: url("../../images/key-promo/lyo_key_promo_intern_si_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.sk a{background: url("../../images/key-promo/lyo_key_promo_intern_sk_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.sk a:hover{background: url("../../images/key-promo/lyo_key_promo_intern_sk_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.tr a{background: url("../../images/key-promo/lyo_key_promo_intern_tr_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.tr a:hover{background: url("../../images/key-promo/lyo_key_promo_intern_tr_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.lt a{background: url("../../images/key-promo/lyo_key_promo_intern_lt_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.lt a:hover{background: url("../../images/key-promo/lyo_key_promo_intern_lt_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.lv a{background: url("../../images/key-promo/lyo_key_promo_intern_lv_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.lv a:hover{background: url("../../images/key-promo/lyo_key_promo_intern_lv_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.ie a{background: url("../../images/key-promo/lyo_key_promo_intern_ie_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.ie a:hover{background: url("../../images/key-promo/lyo_key_promo_intern_ie_02.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.fr a{background: url("../../images/key-promo/lyo_key_promo_intern_fr_01.jpg") no-repeat scroll left center transparent;} #col1 div.key-box.no-member.fr a:hover{background: url("../../images/key-promo/lyo_key_promo_intern_fr_02.jpg") no-repeat scroll left center transparent;} } /* content.css*/ /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) Uniform design of standard content elements * (de) Einheitliche Standardformatierungen für die wichtigten Inhalts-Elemente * * @copyright Copyright 2005-2011, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.3.1 * @revision $Revision:392 $ * @lastmodified $Date:2009-07-05 12:18:40 +0200 (So, 05. Jul 2009) $ * @appdef yaml */ @media all { /** * Fonts * * (en) global settings of font-families and font-sizes * (de) Globale Einstellungen für Zeichensatz und Schriftgrößen* * @section content-global-settings */ /* (en) reset font size for all elements to standard (16 Pixel) */ /* (de) Alle Schriftgrößen auf Standardgröße (16 Pixel) zurücksetzen */ html * { font-size:100.01%; } /** * (en) reset monospaced elements to font size 16px in all browsers * (de) Schriftgröße von monospaced Elemente in allen Browsern auf 16 Pixel setzen * * @see: http://webkit.org/blog/67/strange-medium/ */ textarea, pre, code, kbd, samp, var, tt { font-family:Arial, Helvetica, sans-serif; } /* (en) base layout gets standard font size 12px */ /* (de) Basis-Layout erhält Standardschriftgröße von 12 Pixeln */ body { font-family:Arial, Helvetica, sans-serif; font-size:75.00%; color:#505050; } /*--- Headings | Überschriften ------------------------------------------------------------------------*/ h1,h2{ font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #004877; /* Farbe laut styleguide_v01 (2012-09-07) */ margin:5px 0 1em 0; } h3,h4,h5,h6 { font-family:Arial, Helvetica, sans-serif; font-weight:bold; color: #505050; /* Farbe grau laut Marc */ margin:5px 0 0.2em 0; } h1 { font-size:200%; } /* 24px */ h2 { font-size:150%; } /* 18px */ h3 { font-size:133.33%; } /* 16px */ h4 { font-size:116.67%; } /* 14px */ h5 { font-size:116.67%; } /* 14px */ h6 { font-size:100%; } /* 12px */ /*--- Schriftfarben--------------------------------------------------------------------------------------*/ .blue { color: #004877; /* Farbe laut styleguide_v01 (2012-09-07) */} /* --- Lists | Listen -------------------------------------------------------------------------------- */ ul, ol, dl { line-height:1.5em; margin:0 0 1em 1em; } ul { list-style-type:disc; } ul ul { list-style-type:circle; margin-bottom:0; } ol { list-style-type:decimal; } ol ol { list-style-type:lower-latin; margin-bottom:0; } li { margin-left:0.8em; line-height:1.5em; } dt { font-weight:bold; } dd { margin:0 0 1em 0.8em; } /* --- general text formatting | Allgemeine Textauszeichnung ------------------------------------------ */ p { line-height:1.5em; margin:0 0 1em 0; } blockquote, cite, q { font-family:Georgia, "Times New Roman", Times, serif; font-style:italic; } blockquote { margin:0 0 1em 1.6em; color:#666; } strong,b { font-weight:bold; } em,i { font-style:italic; } big { font-size:116.667%; } small { font-size:91.667%; } pre { line-height:1.7em; margin:0 0 1em 0; } pre, code, kbd, tt, samp, var { font-size:100%; } pre, code { color:#800; } kbd, samp, var, tt { color:#666; font-weight:bold; } var, dfn { font-style:italic; } acronym, abbr { border-bottom:1px #aaa dotted; font-variant:small-caps; letter-spacing:.07em; cursor:help; } sub { vertical-align: sub; font-size: smaller; } sup { vertical-align: super; font-size: smaller; } hr { color:#fff; background:transparent; border:0; border-bottom:1px #dedede solid; } .hrBlue{ border-color: #b9d7f4;margin-bottom: 2px;} /*--- Links ----------------------------------------------------------------------------------------- */ a { color:#004877; background:transparent; text-decoration:none; } /* (en) maximum constrast for tab focus - change with great care */ /* (en) Maximaler Kontrast für Tab Focus - Ändern Sie diese Regel mit Bedacht */ a:hover, a:active { color:#004877; text-decoration:underline; outline: 0 none; } /* --- images (with optional captions) | Bilder (mit optionaler Bildunterschrift) ------------------ */ p.icaption_left { float:left; display:inline; margin:0 1em 0.15em 0; } p.icaption_right { float:right; display:inline; margin:0 0 0.15em 1em; } p.icaption_left img, p.icaption_right img { padding:0; border:1px #888 solid; } p.icaption_left strong, p.icaption_right strong { display:block; overflow:hidden; margin-top:2px; padding:0.3em 0.5em; background:#eee; font-weight:normal; font-size:91.667%; } /** * ------------------------------------------------------------------------------------------------- # * * Generic Content Classes * * (en) standard classes for positioning and highlighting * (de) Standardklassen zur Positionierung und Hervorhebung * * @section content-generic-classes */ .highlight { color:#c30; } .dimmed { color:#888; } .onlyprint {display:none; } .info { background:#f8f8f8; color:#666; padding:10px; margin-bottom:0.5em; font-size:91.7%; } .note { background:#efe; color:#040; border:2px #484 solid; padding:10px; margin-bottom:1em; } .important { background:#ffe; color:#440; border:2px #884 solid; padding:10px; margin-bottom:1em; } .warning { background:#fee; color:#400; border:2px #844 solid; padding:10px; margin-bottom:1em; } .float_left { float:left; display:inline; margin-right:1em; margin-bottom:0.15em; } .float_right { float:right; display:inline; margin-left:1em; margin-bottom:0.15em; } .center { display:block; text-align:center; margin:0.5em auto; } .bold{ font-weight: bold;} .font-normal{ font-weight: normal;} .title{color: #323232;} /*--- textausrichtungen ------------------------------------------------------------------------*/ .txt-left { text-align:left; } .txt-right { text-align:right; } .txt-center { text-align:center; } /** * ------------------------------------------------------------------------------------------------- # * * Tables | Tabellen * * (en) Generic classes for table-width and design definition * (de) Generische Klassen für die Tabellenbreite und Gestaltungsvorschriften für Tabellen * * @section content-tables */ table { width:auto; border-collapse:collapse; margin-bottom:0.5em; border:none; } table caption { font-variant:small-caps; } /*table.full { width:100%; }*/ table.fixed { table-layout:fixed; } table.tbl-summary {width: 100%;color: #505050;} table.tbl-summary tr { background: #fff;} table.tbl-summary tr.active {background: #f2f0e5;} table.tbl-summary th { border-bottom: 1px solid #d6d1b6;padding: 4px 0;} table.tbl-summary td { padding: 0.2em; } #header a { color: #a4bde1; font-size:10px;} #header a:hover { text-decoration: none;} /* * Dropdown Combobox countries */ .dd { display:inline-block !important; text-align:left; background-color:transparent; width:197px !important; } .dd .ddTitle { background: #69788c; white-space:nowrap; text-indent:0; cursor:default; overflow:hidden; height:21px; width:197px; line-height:21px; border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; } .dd .ddTitle span.arrow { padding:0px; background: url("../../images/layout/bkg-arrow-countries.gif") no-repeat scroll 0 0 #9DB8DE; float:right; display:inline-block; width:25px; height:21px; cursor:pointer; } .dd .ddTitle span.textTitle {text-indent:1px; overflow:hidden; line-height:16px; color:#fff !important; padding:4px; } .dd .ddTitle span.textTitle img{text-align:left; padding:5px 5px 0} .dd .ddTitle img.selected { padding:0 3px 0 0; vertical-align:top; } .dd .ddChild { position:absolute; border:1px solid #c3c3c3; border-top:none; display:none; margin:0; min-width: 194px !important; overflow:auto; overflow-x:hidden !important; background-color:#ffffff; } .dd .ddChild .opta a, .dd .ddChild .opta a:visited { padding-left:10px } .dd .ddChild a { display:block; padding:3px 5px 3px 3px; text-decoration:none; color:#1E3459 !important; overflow:hidden; white-space:nowrap; cursor:pointer; } .dd .ddChild a:hover { background:#1E3459 !important; color:#fff !important; text-decoration:none !important; } .dd .ddChild a img { border:0; padding:4px 5px 0 1px; vertical-align:middle; } .dd .ddChild a.selected { background:#1f507b; color:#fff !important; } .dd .border { border-top:1px solid #c3c3c3; border-left:1px solid #c3c3c3; border-right:1px solid #c3c3c3; } /* partner-icons sprite */ .partner-icons {padding: 0 4px 0 4px; background: url('../../images/partner/icons-sprite-v2.png') no-repeat top left;} .partner-icons-cashback-card{ background-position: 0 0; width: 25px; height: 16px; } .partner-icons-coupons{ background-position: 0 -26px; width: 26px; height: 19px; } .partner-icons-mobile{ background-position: 0 -55px; width: 21px; height: 20px; } .partner-icons-online-shopping{ background-position: 0 -85px; width: 19px; height: 19px; } .partner-icons-couponselling{ background-position: 0 -117px; width: 19px; height: 19px; } /* partner-icons-large sprite */ ul.partner-icons-large { padding: 0;margin: 0;} ul.partner-icons-large li.left { margin: 9px 9px 0 0;} ul.partner-icons-large li.right { margin: 9px 0px 0 0;} ul.partner-icons-large li { display: inline; float: left; list-style-type:none; background: url('../../images/partner/icons-large-sprite-v2.png') no-repeat top left; background-color: #b9d7f4; line-height: 1.0em; padding: 0; } ul.partner-icons-large li.inactive{ background-color: #e3e3e3; display: block; color: #fff; font-size: 12px; font-weight: bold; text-align: center; padding-top:55px; width: 150px; height: 25px; } ul.partner-icons-large li.cashbackcard{ background-position: 55px 11px; } ul.partner-icons-large li.cashbackcard.inactive{ background-position: 55px -66px; } ul.partner-icons-large li.coupons{ background-position: 50px -143px; } ul.partner-icons-large li.coupons.inactive{ background-position: 50px -226px; } ul.partner-icons-large li.mobile{ background-position: 55px -309px; } ul.partner-icons-large li.mobile.inactive{ background-position: 55px -396px; } ul.partner-icons-large li.online-shopping{ background-position: 55px -483px; } ul.partner-icons-large li.online-shopping.inactive{ background-position: 55px -567px; } ul.partner-icons-large li a { display: block; color: #294975; font-size: 12px; font-weight: bold; text-align: center; padding-top:55px; width: 150px; height: 25px; } ul.partner-icons-large li a:hover { display: block; background: url('../../images/partner/arrow-white-right-large.png') no-repeat center left; text-decoration: none; } /* My Lyoness Icons Sprite */ ul.my-lyoness-icons { padding: 0; margin: 0 0 15px 0;} ul.my-lyoness-icons li { margin: 6px 6px 0 0;} ul.my-lyoness-icons li { display: inline; float: left; list-style-type:none; background: url('../../images/layout/my-lyoness-icons-sprite.png') no-repeat top left; background-color: #d9d2b6; padding: 0; } ul.my-lyoness-icons li.share{ background-position: 34px -227px; } ul.my-lyoness-icons li.coupons-order{ background-position: 37px -151px; } ul.my-lyoness-icons li.coupons-give{ background-position: 37px -393px } ul.my-lyoness-icons li.tipps{ background-position: 34px -304px; } ul.my-lyoness-icons li.news{ background-position: 34px -74px; } ul.my-lyoness-icons li.events{ background-position: 34px 8px; } ul.my-lyoness-icons li.webinar{ background-position: 30px -476px; } ul.my-lyoness-icons li.business-stats{ background-position: 36px -551px; } ul.my-lyoness-icons li a { display: block; color: #4a401b; font-size: 10px; text-align: center; padding: 42px 3px 0; width: 95px; height: 23px; line-height: 10px; } ul.my-lyoness-icons li a:hover { display: block; background: url('../../images/layout/arrow-white-left-large.png') no-repeat center right; text-decoration: none; } /* * Breadcrumbnavi */ #breadcrumb { color: #004877;font-size: 11px;} #breadcrumb a, #breadcrumb a:active, #breadcrumb a:visited { color:#004877; background:transparent; text-decoration:none; } #breadcrumb a:hover{ color:#004877; text-decoration:underline; } /* Content Tabs for cms templates */ .ContentTabs li span { padding: 0 30px 0 30px; text-align: center; } div.header-name-frame {padding: 2px 4px 0 0; overflow:hidden; } div.header-id-frame {padding: 0px 4px 0 0; } span.header-name { color: #fff; font-size:116.67%; font-weight: bold; } ul.left-menu { margin:15px 0 15px 0; padding:0; width: 208px; } ul.left-menu li { margin: 0; list-style-type:none; background: #d6d1b6; border-bottom: 1px solid #dedac5; margin-bottom: 5px; } ul.left-menu li a {padding: 0 6px; color: #4a401b; display: block; height: 34px;line-height: 34px; } ul.left-menu li a:hover {background:url('../../images/layout/arrow-white-left-small.png') no-repeat right center transparent; } ul.left-menu li.active a {background:url('../../images/layout/arrow-white-left-small.png') no-repeat right center transparent; } /* * Styles für einklappbare Box auf der linken Seite */ .collapsible h3 a { background: url("../../images/layout/arrow-blue-up.png") no-repeat scroll 0 0 transparent; cursor: pointer; float: left; height: 8px; margin: 14px 3px 0 0; width: 12px; } .collapsible h3 a.closed { background-image:url('../../images/layout/arrow-blue-down.png'); } /* Custom CSS for ID Card Cockpit */ #id-card { width:358px; height:155px; color: #fff; background: url("../../images/card-id/bkg-card-blue.png") repeat 0 0;} .theme-blue #id-card { background: url("../../images/card-id/bkg-card-blue.png") repeat 0 0;color: #213a5d;} .theme-black #id-card { background: url("../../images/card-id/bkg-card-black.png") repeat 0 0;color: #000;} .theme-platin #id-card { background: url("../../images/card-id/bkg-card-platin.png") repeat 0 0;color: #585858;} .theme-gold #id-card { background: url("../../images/card-id/bkg-card-gold.png") repeat 0 0;color: #675418;} #id-card > .subcolumns > .c33l > img, #id-card > .subcolumns > .c33l > a { display: block; padding: 17px 0 0 16px; } #id-card > .subcolumns > .c66r h1 { margin: 17px 0 0 5px; font-size: 16px; } #id-card .membernumber {margin: 5px 0 0 5px;color: #fff; font-size: 14px; } .theme-blue #id-card > .subcolumns > .c66r h1 { color: #004877;} .theme-balck #id-card > .subcolumns > .c66r h1 {color: #000;} .theme-platin #id-card > .subcolumns > .c66r h1 {color: #585858;} .theme-gold #id-card > .subcolumns > .c66r h1 {color: #70591d;} #id-card .membernumber { margin: 5px 0 0 5px;color: #fff; font-size: 14px;font-family: Arial,Helvetica,sans-serif;font-weight: bold;} #id-card .memberstate { margin-top: 6px;margin-left: 5px;} #id-card > .subcolumns > .c66r > .subcolumns > .c20l { text-align: center;} #id-card .level { display: block; font-size: 40px; font-weight: bold; height: 58px;} #id-card .level-div {display: block; width: 30px;float: left;text-align: center;font-size: 40px; font-weight: bold;height: 58px;} #id-card .state-div { width: 190px;float: left;} #id-card .spacer-div{width: 5px;float: left;height: 58px;} .theme-blue #id-card .spacer-div { border-right: 1px solid #213a5d;} .theme-black #id-card .spacer-div { border-right: 1px solid #000;} .theme-platin #id-card .spacer-div { border-right: 1px solid #585858;} .theme-gold #id-card .spacer-div { border-right: 1px solid #725C1B;} .theme-blue #id-card .level-div { background: url("../../images/card-id/bkg-card-level-blue.png") no-repeat 0px 0 transparent; } .theme-black #id-card .level-div { background: url("../../images/card-id/bkg-card-level-black.png") no-repeat 0px 0 transparent; } .theme-platin #id-card .level-div { background: url("../../images/card-id/bkg-card-level-platin.png") no-repeat 0px 0 transparent; } .theme-gold #id-card .level-div { background: url("../../images/card-id/bkg-card-level-gold.png") no-repeat 0px 0 transparent; } #id-card .status { font-size: 16px; margin-left: 8px;margin-right: 5px;margin-top: 5px;} #id-card .stars {height: 12px; margin: 5px 0 0 8px; background: url("../../images/card-id/bkg-card-stars.png") no-repeat scroll 0 2px transparent;} #id-card .stars img { margin-right: 6px;} #id-card-recommender { background: #efefef; color: #323232;font-size: 12px;width: 326px;margin-top: 2px; padding: 9px 16px;} .theme-blue #id-card-recommender { background: #bad8f4;} .theme-black #id-card-recommender { background: #8f8f8f; } .theme-platin #id-card-recommender { background: #b9c0c4;} .theme-gold #id-card-recommender { background: #d8c379;} #cockpit-banner {border: 1px solid black; padding: 0; margin-left: 8px; width: 357px; height: 235px;} .theme-blue #cockpit-banner { border-color: #bad8f4;} .theme-black #cockpit-banner { border-color: #8f8f8f; } .theme-platin #cockpit-banner { border-color: #b9c0c4;} .theme-gold #cockpit-banner { border-color: #d8c379;} /* Styles für Newsitem */ div.listitem { border-bottom: 2px solid #e4e4e4; margin: 14px 0; } /* Styles für Paging */ div.PageNavi {text-align: center;} div.PageNavi a { /*display: block;float: left;height: 25px;line-height: 25px;*/margin: 0 4px;} /****SOCIAL MEDIA SHARE UND PRINT OPTIONS*****/ .shareContainer {float: left;} #socialMediaShare { clear: both; text-align: left; background-color: white; border: #B8D6F8 1px solid; color:#2A4975; display: none; position: absolute; margin-left: -30px; margin-top: 30px; width: 150px; height: 220px; z-index: 99; } .socialmediaRow {padding-top: 10px;margin-left:10px;} .socialmediaRow :hover {font-weight: bold;cursor: pointer;} /*SPRITES*/ .socialmediaRow .socialmediaCell {background: url("../../images/layout/icons-sprite.png") no-repeat top left;height: 21px;width: 21px;display:block;} .socialmediaRow .socialmediaCell #FBImageCell {background-position: 0 0; width: 21px; height: 21px;} .socialmediaRow #TwitterImageCell {background-position: -254px 0; width: 21px; height: 21px;} .socialmediaRow #GooglePlusImageCell {background-position: -46px 0; width: 22px; height: 21px;} .socialmediaRow #XingImageCell {background-position: -393px 0; width: 22px; height: 21px;} .socialmediaRow #LinkedInImageCell {background-position: -347px 0; width: 22px; height: 21px;} .socialmediaRow #EMailImageCell {background-position: -440px 0; width: 22px; height: 21px;} .socialmediaRow .textCell {padding-left: 10px;} /*****PRINT OPTIONS*****/ .printOptionsContainer {float: left;} #printOptions { clear: both; text-align: left; background-color: white; border: #B8D6F8 1px solid; color:#2A4975; display: none; position: absolute; margin-left: -94px; margin-top: 30px; width: 200px; height: 110px; z-index: 99; } .printOptionsRow,.printOptionsRowInactive {padding-top: 10px;margin-left:10px;} .printOptionsRow :hover {font-weight: bold;cursor: pointer;} .printOptionsRow .printOptionsTextCell {padding-left: 10px;} .printOptionsRowInactive .printOptionsTextCell {padding-left: 10px;color: #707070;} .printOptionsRowInactive:hover{color: #707070;font-weight: normal;cursor:default;} .printOptionsRowInactive a{ background: none !important;padding: 0 !important;} /*sprite*/ .printOptionsRow .printOptionsImageCell {background: url("../../images/buttons/btn-print-icons-sprite.png") no-repeat top left;height: 24px;width: 25px;display:block;} .printOptionsRowInactive .printOptionsImageCell {background: url("../../images/buttons/btn-print-icons-sprite.png") no-repeat top left;height: 24px;width: 25px;display:block;} .printOptionsRow #printOptionsCellCurrentPage {background-position: 0 0; width: 24px; height: 25px;} .printOptionsRow #printOptionsCellDealer {background-position: 0 -51px; width: 24px; height: 25px;} .printOptionsRowInactive #printOptionsCellDealer {background-position: 0 -151px; width: 24px; height: 25px;} .mapsbutton { margin-bottom: 0px;white-space: nowrap; height: 20px;background-size: 18px; padding: 8px 0 0 25px; background-position: 0 0px; background-repeat:no-repeat;background-image: url('../../images/partner/maps/lyo_icon_google_maps_01.png');} .mapsbutton:hover {background-image: url('../../images/partner/maps/lyo_icon_google_maps_02.png')!important;} .mapsbutton a{text-decoration: none;} #banner-cashbackcard {position: absolute;top: 35px;left: 69px; width: 219px;height: 156px; background: url("../../images/cards/card-blue-sample.jpg") no-repeat top left; } .theme-blue #banner-cashbackcard { background-image: url("../../images/cards/card-blue-sample.jpg"); } .theme-black #banner-cashbackcard { background-image: url("../../images/cards/card-black-sample.jpg"); } .theme-platin #banner-cashbackcard { background-image: url("../../images/cards/card-platin-sample.jpg"); } .theme-gold #banner-cashbackcard { background-image: url("../../images/cards/card-gold-sample.jpg"); } #banner-cashbackcard a { display: block; width: 100%; height: 100%; } #VCardBg { position:absolute; left: 81px; top: 35px; } #VCardBarCode { position:absolute; right: 5px; top: 62px; } #VCardName { position:absolute; right: 174px; top: 70px; width: 130px; } #VCardAddress { position:absolute; right: 10px; top: 155px; width: 300px; } #VCardPrint { margin:250px 0 0 330px; } ol.lyosteps { list-style-type: none; margin: 0; } ol.lyosteps li { display: block; float: left; height: 31px; width: 196px; background: url("../../images/store/bkg-steps-inactive.png") no-repeat top left; color: #b2b2b2; margin: 0 -16px 0 0; } ol.lyosteps li.active{background: url("../../images/store/bkg-steps-active.png") no-repeat top left;color: #004877;} ol.lyosteps li span.number { float: left; font-size: 21px; font-weight: bold; padding: 6px 0 0 10px; } ol.lyosteps li span.caption { float: left; font-size: 11px; font-weight: bold; padding: 7px 0 0 13px; } .grey-italic { color:#707173; font-style:italic; } div.box .box-content table tbody td { padding: 2px;} table tbody td.left-indent { padding-left: 7px !important;} table tbody td.border-bottom { border-bottom: 1px solid #D6D1B6 !important;} table.advancedFields tbody td { vertical-align: middle;} #label_checkBox { padding: 0px 6px 3px 0;} #box-portalsearch { margin-bottom: 6px !important; } #box-portalsearch .box-content { padding: 16px 22px !important; } #box-portalsearch .context, #box-portalsearch .infoline { font-size: 11px; line-height: 18px; } #box-portalsearch .infoline { padding-bottom: 16px; } #box-portalsearch .highlight { color: #649e0e; } #box-portalsearch .result_title { font-weight: bold; color: #2A4975; } #box-portalsearch-hint { font-size: 11px; color: #787878; padding: 0 22px; } #lyoness3steps_popup { margin-top: 0; height: auto !important; overflow: hidden; } div.lyoness3steps { text-align: center; margin-top: 40px; font-size: 12px; width: 735px !important; } div.lyoness3steps h2 { color: #73a817; font-size: 180%; font-weight: bold; margin-bottom: 0; } div.lyoness3steps h2 span.h2line { display: block; top: 0.65em; position: relative; border-top: 1px solid #dfdfdf; } div.lyoness3steps h2 span.h2bg { position: relative; background-color: white; padding: 0 0.7em; } div.lyoness3steps h3 { color: #73a817; font-weight: normal; margin: 0 0 38px 0; font-size: 133.33%; } div.lyoness3steps ul { margin: 0; padding: 0; background: url("../../images/others/lyoness3steps.png") no-repeat 60px 35px; height: 245px; } div.lyoness3steps li { float: left; padding: 0; margin: 0; list-style: none; text-align: center; } div.lyoness3steps li a { display: block; height: 235px; width: 245px; text-decoration: none; } div.lyoness3steps li a h4 { margin-bottom: 150px; color: #004877; font-size: 133.33%; font-weight: bold; } div.lyoness3steps li a p { display: block; position: relative; height: 3.5em; background-color: #b9d7f4; text-align: left; margin-right: 9px; padding: 12px; color: #004877; font-weight: bold; } div.lyoness3steps li a p span { position: absolute; border-right: 20px solid #b9d7f4; border-top: 20px solid white; top: -20px; left: 40px; } div.lyoness3steps li.last a p { margin-right: 0; } div.lyoness3steps li a:hover p { background-color: #add63d; background: -webkit-linear-gradient(#add63d, #86c32a); background: -moz-linear-gradient(#add63d, #86c32a); background: -ms-linear-gradient(#add63d, #86c32a); background: -o-linear-gradient(#add63d, #86c32a); background: linear-gradient(#add63d, #86c32a); color: white; } div.lyoness3steps li a:hover p span { border-right-color: #add63d; } /* Filterboxen */ .box-filter-bg { padding: 10px 10px 10px 10px; } .theme-blue .box-filter-bg { background-color: #BAD8F4; } .theme-gold .box-filter-bg { background-color: #d8c379; } .theme-platin .box-filter-bg { background-color: #b9c0c4; } .theme-black .box-filter-bg { background-color: #8F8F8F; } .theme-green .box-filter-bg { background-color: #AAD045; } /* Formularbox (Registration, LoginForm, Passwort vergessen...) */ div.box-lightblue { padding: 18px 18px 10px; text-align: left; background-color: #d3e6f9; background: -webkit-linear-gradient(#d3e6f9, #bcd7f1); background: -moz-linear-gradient(#d3e6f9, #bcd7f1); background: -ms-linear-gradient(#d3e6f9, #bcd7f1); background: -o-linear-gradient(#d3e6f9, #bcd7f1); background: linear-gradient(#d3e6f9, #bcd7f1); border: 1px solid #9fbcda; color: #323232; } div.box-lightblue h2, div.box-lightblue h3, div.box-lightblue h4, div.box-lightblue h5, div.box-lightblue h6 { color: #323232; } div.box-lightblue h2 { font-size:150%; margin:0 0 0.2em 0; } div.box-lightblue h3 { font-weight:normal; } div.box-lightblue hr { border-top: 1px solid #97b6d3; border-bottom: 1px solid #ffffff; margin-bottom: 1.5em; } .productnotfounderror{} .lightred-italic { font-size:16px; font-style:italic; color:#F09C9A; } h3.multirow { line-height: 17px !important; display: table-cell; width: 208px; *width:187px; vertical-align: middle; } #col1 div.box h3.multirow{ width: 208px !important;*width: 187px !important;} #col3 div.box h3.multirow{ width: 356px !important;} #col3 #boxDInfoGlobalPartnerProgram h3.multirow{ width: 456px !important;*width: 428px !important;} /* * 4 Einkaufsarten neue logospalten. */ #partnerinfo-column .subcr { padding: 0 0 0 5px; } #partnerinfo-column .subcolumns { padding: 10px 0 0 0; } .partnerinfo-item { width:110px; height:110px; border:solid 1px #dfdfdf; display:table-cell; vertical-align:middle; text-align:center; } .partnerinfo-item:hover { border:solid 1px #98cc33; } .partnerinfo-item img { vertical-align:middle; /* only for ie7 kompromiss margin-top:10%; */} } /* forms.css*/ /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) CSS-component for creating vertical forms * (de) CSS-Baustein zur Erstellung von Formularen mit untereinander angeordneten Elementen * * @note Many thanks to Ansgar Hein (http://www.anatom5.de) for contribution * * @copyright Copyright 2005-2011, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.3.1 * @revision $Revision: 501 $ * @lastmodified $Date: 2011-06-18 17:27:44 +0200 (Sa, 18 Jun 2011) $ */ @media screen, projection { #FrmLogin { clear: both; float: none; margin-bottom: 4px; margin-right: 21px; } input, select, textarea, button { font-family: Arial; font-size: 12px; padding: 2px 4px; box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; } /* Überflüssige Button-Abstände in Firefox entfernen */ button::-moz-focus-inner { padding: 0; border: none } /* Standard-Style für alle Select, Inut und Textareas im Contenbereich */ #col3_content select, #col3_content input[type=text], #col3_content input[type=file], #col3_content input[type=password], #col3_content textarea, #col1_content select, #col1_content input[type=text], #col3_content textarea { background-color: white; border: none; color: #024478; padding: 4px; border-radius: 5px; -moz-border-radius: 5px; -webkit-border-radius: 5px; box-shadow: 0 1px 2px gray inset; -moz-box-shadow: 0 1px 2px gray inset; -webkit-box-shadow: 0 1px 2px gray inset; } #col1_content label{ margin: 2px 0;} input.btn-login, input.btn-login-left { padding: 2px 6px; background: #69788c; border: 1px solid #394962; color: #fff; width: 175px; float: left; } input.btn-login{ width: 114px;} input.btn-login-left { border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; } input.btn-logout { background: url("../../images/buttons/bkg-btn-logout.gif") no-repeat scroll left 0 transparent; border: none; color: #FFFFFF; cursor: pointer; height: 21px; padding: 2px 4px; text-align: center; width: 78px; } input.btn-login-submit { background: url("../../images/buttons/bkg-btn-submit.png") no-repeat scroll left 0 transparent; border: none; color: #FFFFFF; cursor: pointer; height: 21px; padding: 2px 4px; text-align: center; width: 78px; } .partnersearchheader-Results{ font-weight: bold; font-size: 120%;color: #284872;margin-bottom: 10px;margin-top: 5px;} div.btn-bar { position: absolute; top: 57px; right: 0; } .btn-bar.btn-bar-dealersearch{ top: 23px !important;top: 18px\9;} .btn-bar.btn-bar-dealersearchLoggedIn{ top: 30px !important;top:25px\9;} .btn-bar.btn-bar-dealersearchResults{ top: 18px !important;top: 18px\9;} .btn-bar.btn-bar-dealersearchResultsLoggedIn{ top: 25px !important;top:25px\9;} .btn-bar.btn-bar-dealersearchDetail{ top: 10px !important;top: 10px\9;width: 90%;} .btn-bar.btn-bar-dealersearchDetailLoggedIn{ top: 20px !important;top:20px\9;width: 90%;} .btn-bar.btn-bar-productsearch{ top: 16px !important;top: 15px\9;} .btn-bar.btn-bar-productsearchLoggedIn{ top: 25px !important;top:20px\9;} .btn-bar.btn-bar-productsearchResults{ top: 15px !important;top: 12px\9;} .btn-bar.btn-bar-productsearchResultsLoggedIn{ top: 24px !important;top:20px\9;} .btn-bar.btn-bar-productsearchDetail{ top: 15px !important;top: 10px\9;width: 90%;} .btn-bar.btn-bar-productsearchDetailLoggedIn{ top: 20px !important;top:20px\9;width: 90%;} .theme-default div.btn-bar { top: 35px; } div.btn-bar a { background: url("../../images/buttons/btn-print-share-sprite.png") no-repeat scroll left top transparent; display: block; float: left; height: 30px; line-height: 30px; padding-left: 45px; padding-right: 10px; } div.btn-bar a.btn_share{ margin-right: 25px; } div.btn-bar a.btn_share:hover{ background-position: 0 -159px;text-decoration: none;} div.btn-bar a.btn_print { background-position: 0 -53px; } div.btn-bar a.btn_print:hover { background-position: 0 -105px;text-decoration: none;} button.btn_print, input.btn_print{ background: url("../../images/buttons/btn-print-share-sprite.png") no-repeat scroll 0 -48px transparent; border: medium none; cursor: pointer; height: 35px; line-height: 30px; padding-left: 45px; padding-right: 10px; } button.btn_print:hover, button.btn_print:active {background-position: 0 -100px} input.blue-std, button.blue-std, input.defaultbutton, button.defaultbutton , a.btn_blue, a.button-blue { background: url("../../images/buttons/bkg-btn-blue.png") repeat-x left 0px #2264a6; border: 1px solid #00345d; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: white; font-size: 12px; line-height: 11px; cursor: pointer; font-weight: bold; padding: 1px 2px; height: 28px; } input.gray, button.gray,div.grayDivBtn, a.btn_gray, a.button-gray { background: url("../../images/buttons/bkg-btn-gray.png") repeat-x left 0px #ffffff; border: 1px solid #bababa; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: #505050; font-size: 12px; line-height: 11px; cursor: pointer; font-weight: bold; padding: 1px 2px; height: 28px; } input.green, button.green, a.btn_green, input.green-big-font, button.green-big-font,a.green-big-font, a.button-green { background: url("../../images/buttons/bkg-btn-green.png") repeat-x left 0px #acd63d; border: 1px solid #95c119; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: white; font-size: 12px; line-height: 12px; cursor: pointer; font-weight: bold; padding: 1px 2px; height: 28px; text-shadow: 1.2px 1.2px 0 #779014; } input.green-big-font, button.green-big-font,a.green-big-font { text-shadow: #91ac26 1px 1px 0; font-size: 14px; } input.blue-std:hover, button.blue-std:hover, input.defaultbutton:hover, button.defaultbutton:hover, input.gray:hover, button.gray:hover,div.grayDivBtn:hover, a.btn_gray:hover, input.green:hover, button.green:hover, a.btn_green:hover, input.blue-std:active, button.blue-std:active, input.defaultbutton:active, button.defaultbutton:active, input.gray:active, button.gray:active, a.btn_gray:active, input.green:active, button.green:active, a.btn_green:active, input.green-big-font:hover, button.green-big-font:hover,a.green-big-font:hover, a.button-blue:hover,a.button-gray:hover,a.button-green:hover { background-position: left -27px; } a.button-blue, a.button-gray, a.button-green { display: inline-block; height: 24px; line-height: 24px;padding: 0 10px 0 10px;} a.btn_gray, a.btn_green, a.btn_blue { display: block} a.btn_gray:hover, a.btn_green:hover, a.btn_blue:hover, a.button-blue:hover, a.button-gray:hover, a.button-green:hover{ text-decoration: none; } input.bigbutton, button.bigbutton, a.bigbutton { height: 36px; font-size: 14px; font-weight: bold; background-position: left 8px; } input.bigbutton:hover, button.bigbutton:hover, a.bigbutton:hover, input.bigbutton:active, button.bigbutton:active, a.bigbutton:active { background-position: left -27px; } #query_submit{ width: 40px; height: 34px; background: url("../../images/buttons/bkg-btn-search.png") no-repeat left top transparent; border: none; float: left; font-size: 0; cursor: pointer; } #query_submit:hover { background-position: 0 -56px; } .pagination select.RowsPerPage { font-size: xx-small !important; height: 17px !important; margin: 0 !important; padding: 0 !important; vertical-align: middle !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; box-shadow: none !important; -moz-box-shadow: none !important; -webkit-box-shadow:none !important; border: 1px solid #CCCCCC !important; } .ui-slider {background: none repeat scroll 0 0 #2A4975;} button.btn-next, button.btn-previous {border: medium none;cursor: pointer;height: 25px;width: 17px;} button.btn-next{background: url("../../images/bannertool/arrow-banner-next.png") no-repeat scroll left 0 transparent;} button.btn-previous {background: url("../../images/bannertool/arrow-banner-prev.png") no-repeat left 0 transparent;} button.finalizebutton, button.eventBtn, button.eventBtnFinalize, button.eventBtnShare, button.eventBtnStore, button.eventBtnStoreLarge,button.eventBtnDownload, button.eventBtnSmallSearch, button.voucherGift, #orderGiftVoucher { border: medium none; font-weight: bold; height: 38px; padding-left: 30px; width: 232px; } button.finalizebutton, button.eventBtnFinalize, button.eventBtn{background: url("../../images/buttons/btn_finalize.png") no-repeat scroll left 3px transparent;} button.finalizebutton:hover, button.eventBtnFinalize:hover, button.eventBtn:hover { background-position: 0 -51px;} button.eventBtnShare { background:url('../../images/buttons/btn_share.png') no-repeat left 3px transparent; } button.eventBtnShare:hover { background-position: 0 -53px; } button.eventBtnStore {padding-right: 3px; padding-left: 33px; width: 215px; height: 42px; background:url('../../images/buttons/btn_lyoness_store.png') no-repeat left 3px transparent; } button.eventBtnStore:hover {background-position: 0 -57px; } button.eventBtnStoreLarge{padding-right: 3px; padding-left: 5px; width: 275px; height: 42px; background:url('../../images/buttons/btn_voucher_shopping.png') no-repeat left -3px transparent;} button.eventBtnStoreLarge:hover{background-position: 0 -69px;} button.eventBtnDownload { cursor: pointer; color: #fff; background:url('../../images/buttons/btn_download.png') no-repeat left 3px transparent; } button.eventBtnDownload:hover {background-position: 0 -53px; } button.eventBtnSmallSearch{ width: 191px; background:url('../../images/buttons/btn_search.png') no-repeat left 3px transparent;} button.eventBtnSmallSearch:hover{background-position: 0 -53px; } button.voucherGift, #orderGiftVoucher{padding-right: 3px; padding-left: 5px; width: 275px; height: 42px; background:url('../../images/buttons/btn_voucher_gift.png') no-repeat left -3px transparent;} button.voucherGift:hover, #orderGiftVoucher:hover{background-position: 0 -71px;} input.input-validation-error, textarea.input-validation-error, select.input-validation-error { background-color:#FFEBE8 !important; border:1px solid #CC0000 !important; } div.input-validation-error{color:#CC0000;} label.input-validation-error{color:#CC0000; font-size:x-small;} td.input-validation-error{background-color:#FFEBE8 !important;border:1px solid #CC0000 !important;} a.btn_dwolla {background: url("../../images/buttons/dwolla_btn_idle.png") no-repeat left top transparent; display: block; height: 38px;} a.btn_dwolla:hover{background: url("../../images/buttons/dwolla_btn_mouse-over.png") no-repeat left top transparent;} } @media all { /* Edit Felder nicht editierbar (werden als normaler Text dargestellt */ .NoEditable {width: 99%; background-color: transparent !important; border: none !important; font-weight: bold; padding-top: 3px; padding-bottom: 3px; vertical-align: middle;-webkit-box-shadow: none !important;box-shadow: none !important;} .ReadOnlyEditable {width: 99%;} .Editable {width: 99%;} /* Edit Felder editierbar jedoch erst nach getätigter Aktion wie z.B. Button "Bearbeiten" */ .ReadOnlyEditable {width: 99%; background-color: #F1F1F3 !important; border: solid 1px #F1F1F3 !important; color: #717171 !important; vertical-align: middle; } .selectWithoutRoundedCorners { border-width: 1px !important; border-style: solid !important; border-color: #B5D8F8 !important; border-radius: 0 !important; -moz-border-radius: 0 !important; -webkit-border-radius: 0 !important; box-shadow: 0 !important; -moz-box-shadow: 0 !important; -webkit-box-shadow: 0 !important; padding: 2px !important; } } /* dropkick.css*/ /** * Default DropKick theme * * Feel free to edit the default theme * or even add your own. * * See the readme for themeing help * */ /***** Begin Theme, feel free to edit in here! ******/ /* One container to bind them... */ .dk_container { background: url("../../images/layout/nav-catlist-bkg.png") no-repeat scroll left top transparent; font-family: 'Helvetica', Arial, sans-serif; font-size: 12px; font-weight: bold; line-height: 20px; margin-bottom: 18px; width:168px; height:34px; margin:9px 0 0 9px; } .dk_container:focus { outline: 0; } .dk_container a { cursor: pointer; text-decoration: none; } /* Opens the dropdown and holds the menu label */ .dk_toggle { background-image: url("../../images/layout/arrow-white-down.png"); background-position: 90% center; background-repeat: no-repeat; color: #FFFFFF; height: 18px; overflow: hidden; padding: 7px 45px 7px 10px; text-shadow: 1px 2px 0 #888888; width: 112px !important; } .dk_toggle:hover { color: #fff; text-decoration:none; } /* Applied when the dropdown is focused */ .dk_container.dk_open { background-position: 0 -56px; } /* Applied whenever the dropdown is open */ .dk_open { /** * Help: Dropdown menu is covered by something * Try setting this value higher */ z-index: 10; } .dk_open .dk_toggle { } /* The outer container of the options */ .dk_options { box-shadow: rgba(0, 0, 0, .2) 0 2px 8px; -moz-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px; -webkit-box-shadow: rgba(0, 0, 0, .2) 0 2px 8px; background: none repeat scroll 0 0 #C1D6F3; } .dk_options a { background-color: transparent; font-weight: normal; padding: 4px 10px; } .dk_options li:last-child a { border-bottom: none; } .dk_options a:hover, .dk_option_current a { font-weight:bold; text-decoration: none; } /* Inner container for options, this is what makes the scrollbar possible. */ .dk_options_inner { color: #2a4975; max-height: 250px; } /* Set a max-height on the options inner */ .dk_options_inner, .dk_touch .dk_options { max-height: 250px; } ul.dk_options_inner {margin-left:0 !important;} ul.dk_options_inner li { list-style:none; background:transparent;margin-left:0;} /****** End Theme ******/ /***** Critical to the continued enjoyment of working dropdowns ******/ .dk_container { display: none; float: left; position: relative; } .dk_container a { outline: 0; } .dk_toggle { display: -moz-inline-stack; display: inline-block; *display: inline; position: relative; zoom: 1; } .dk_open { position: relative; } .dk_open .dk_options { display: block; } .dk_open .dk_label { color: inherit; } .dk_options { display: none; margin-top: 3px; position: absolute; right: 0; width: 100%; } .dk_options a, .dk_options a:link, .dk_options a:visited { display: block; } .dk_options_inner { overflow: auto; position: relative; } .dk_touch .dk_options { overflow: hidden; } .dk_touch .dk_options_inner { max-height: none; overflow: visible; } .dk_container select { position: relative; top: -99999em; visibility: hidden; } /***** End Critical to the continued enjoyment of working dropdowns ******/ /** * Styles for Countries-Selection * */ /* Container */ #dk_container_selcountries { background:#69788c; background-image:none; border:1px solid #394962; color:#fff; font-size: 12px; width:170px; border-radius: 6px 0 0 6px; -moz-border-radius: 6px 0 0 6px; -webkit-border-radius: 6px 0 0 6px; height: 19px; line-height: 19px; margin: 0; padding: 0; } .dk_theme_selcountries a {} /* Toggle */ .dk_theme_selcountries .dk_toggle { background-image: url("../../images/layout/bkg-arrow-countries.gif"); background-position: 90% center; background-repeat: no-repeat; padding-left: 25px; } .dk_theme_selcountries .dk_toggle:hover {} /* Focus State */ .dk_theme_selcountries.dk_focus, .dk_theme_selcountries:focus {} .dk_mytheme.dk_focus .dk_toggle {} /* Open State */ .dk_theme_selcountries.dk_open {} .dk_theme_selcountries.dk_open .dk_toggle {} /* Options Menu */ .dk_theme_selcountries .dk_options {} .dk_theme_selcountries .dk_options a {} .dk_theme_selcountries .dk_options a:hover, .dk_theme_selcountries .dk_option_current a {} /* Inner options */ .dk_theme_selcountries .dk_options_inner {} /* Set a height / min-height property here */ .dk_theme_selcountries .dk_options_inner, .dk_theme_selcountries.dk_touch .dk_options {} /* print.css*/ /** * "Yet Another Multicolumn Layout" - (X)HTML/CSS Framework * * (en) print stylesheet * (de) Druck-Stylesheet * * @copyright Copyright 2005-2011, Dirk Jesse * @license CC-A 2.0 (http://creativecommons.org/licenses/by/2.0/), * YAML-C (http://www.yaml.de/en/license/license-conditions.html) * @link http://www.yaml.de * @package yaml * @version 3.3.1 * @revision $Revision:302 $ * @lastmodified $Date:2008-12-14 11:23:55 +0100 (So, 14. Dez 2008) $ */ @media print { /** * @section basic layout preparation * @see http://www.yaml.de/en/documentation/css-components/layout-for-print-media.html */ /* (en) change font size unit to [pt] - avoiding problems with [px] unit in Gecko based browsers */ /* (de) Wechsel der der Schriftgrößen-Maßheinheit zu [pt] - Probleme mit Maßeinheit [px] in Gecko-basierten Browsern vermeiden */ body { font-size:10pt; } /* (en) Hide unneeded container of the screenlayout in print layout */ /* (de) Für den Druck nicht benötigte Container des Layouts abschalten */ #topnav, #nav, #search, nav { display:none; } /*------------------------------------------------------------------------------------------------------*/ /* (en) Avoid page breaks right after headings */ /* (de) Vermeidung von Seitenumbrüchen direkt nach einer Überschrift */ h1,h2,h3,h4,h5,h6 { page-break-after:avoid; } /* Logo austauschen (wegen weißer Schrift) */ #lyo-logo-header { display: none; } #lyo-logo-header-print { display: block; margin-bottom: 1em; } #topnav { display:none; } #col1 { display:none; } #col2 { display:none; } #col3, #col3_content { width:100%; margin:0; padding:0; border:0; } #header .c60r { visibility:hidden; } #slogan { display: none; } #footer { display:none; } /* hide breadcrumb, search field */ #breadcrumb, #search { display:none; } /* copyright print */ #main-bottom-hl { display:none; } #main-bottom { display:none; } #footer-print { margin-top:20px; display:block; width:100%; padding:2px; } .footer-print-right { text-align:right; } #header .c40l { width:100%; } #header-slogan { position:absolute; top:45px; left:55px; color:#004878; font-weight:bold; } hr#line-print { display:block; color:#fff; background:transparent; margin:0.6em 0 0.6em 0; padding:0 0 0.5em 0; border:0; border-bottom:3px #004878 solid; } Div#VCardPrint { display:none; } /** * custom print style */ .onlyprint {display:block; } .noprint {display:none;} #subnav {display: none;} .countries-name{ display: none !important;} .login-data, .login, .countries { display: none !important;} .socialmedia{ display: none !important;} #flag{ display: none;} .btn-bar{ display: none;} } /* patch-webkit.css*/ /* Layout-dependent adjustments | Layout-abhängige Anpassungen --------------------------------------- */ @media screen and (-webkit-min-device-pixel-ratio:0) { /* country dropdown */ .dd .ddTitle { white-space:nowrap; } .dd .ddTitle span.textTitle { white-space:nowrap; color:#000 !important } .dd .ddTitle span.textTitle img { text-align:left; padding:5px 5px 0 5px; } #FrmLogin{ margin-bottom:0px;} #col3_content select, #col1_content select { border: 1px solid #dedede; } #col3_content input[type=text], #col3_content input[type=file], #col3_content input[type=password], #col3_content textarea, #col1_content input[type=text], #col3_content textarea { border-bottom: 1px solid #dedede; } } /* jquery-ui.css*/ /*! * jQuery UI CSS Framework 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API */ /* Layout helpers ----------------------------------*/ .ui-helper-hidden { display: none; } .ui-helper-hidden-accessible { position: absolute !important; clip: rect(1px 1px 1px 1px); clip: rect(1px,1px,1px,1px); } .ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; } .ui-helper-clearfix:before, .ui-helper-clearfix:after { content: ""; display: table; } /*.ui-helper-clearfix:after { clear: both; }*/ .ui-helper-clearfix:after { } .ui-helper-clearfix { overflow: hidden; /* or auto */ zoom: 1; /* required for ie hasLayout */ } .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 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Theming/API * * To view and modify this theme, visit http://jqueryui.com/themeroller/?ffDefault=Lucida%20Grande,%20Lucida%20Sans,%20Arial,%20sans-serif&fwDefault=bold&fsDefault=1.1em&cornerRadius=5px&bgColorHeader=1e3459&bgTextureHeader=12_gloss_wave.png&bgImgOpacityHeader=55&borderColorHeader=1e3459&fcHeader=ffffff&iconColorHeader=d8e7f3&bgColorContent=fcfdfd&bgTextureContent=06_inset_hard.png&bgImgOpacityContent=100&borderColorContent=a6c9e2&fcContent=222222&iconColorContent=469bdd&bgColorDefault=dfeffc&bgTextureDefault=02_glass.png&bgImgOpacityDefault=85&borderColorDefault=c5dbec&fcDefault=2e6e9e&iconColorDefault=6da8d5&bgColorHover=d0e5f5&bgTextureHover=02_glass.png&bgImgOpacityHover=75&borderColorHover=79b7e7&fcHover=1d5987&iconColorHover=217bc0&bgColorActive=f5f8f9&bgTextureActive=06_inset_hard.png&bgImgOpacityActive=100&borderColorActive=79b7e7&fcActive=e17009&iconColorActive=f9bd01&bgColorHighlight=fbec88&bgTextureHighlight=01_flat.png&bgImgOpacityHighlight=55&borderColorHighlight=fad42e&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: 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: Arial, sans-serif; font-size: 1em; } .ui-widget-content { color: #222222; } .ui-widget-content a { color: #004877; } .ui-widget-header { background: url(../../images/partner/bkg-partner-separator.png) no-repeat; background-position: 0 32px; color: #ffffff; font-weight: bold; } .ui-widget-header a { color: #ffffff; } /* Interaction states ----------------------------------*/ .ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default { border: 1px solid #E0EDFE; background: #dfeffc url(../jquery-ui/images/ui-haeder-tab-bg.png) 50% 50% repeat-x; font-weight: bold; color: #2e6e9e; } .ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited { color: #004877; text-decoration: none; } .ui-state-hover, .ui-widget-content .ui-state-hover, .ui-widget-header .ui-state-hover, .ui-state-focus, .ui-widget-content .ui-state-focus, .ui-widget-header .ui-state-focus { border: 1px solid #DEDEDE; background: #d0e5f5 url(../jquery-ui/images/ui-haeder-tab-bg.png) 50% 50% repeat-x; font-weight: bold; color: #1d5987; } .ui-state-hover a, .ui-state-hover a:hover { color: #000000; text-decoration: none; } .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header .ui-state-active { border: 1px solid #DEDEDE; background: #f5f8f9 url(../jquery-ui/images/ui-haeder-tab-active-bg.png) 50% 50% repeat-x; font-weight: bold; color: #e17009; } .ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #707070; text-decoration: none; } .ui-widget :active { outline: none; } /* Interaction Cues ----------------------------------*/ .ui-state-highlight, .ui-widget-content .ui-state-highlight, .ui-widget-header .ui-state-highlight {border: 1px solid #fad42e; background: #fbec88 url(../jquery-ui/images/ui-bg_flat_55_fbec88_40x100.png) 50% 50% repeat-x; color: #363636; } .ui-state-highlight a, .ui-widget-content .ui-state-highlight a,.ui-widget-header .ui-state-highlight a { color: #363636; } .ui-state-error, .ui-widget-content .ui-state-error, .ui-widget-header .ui-state-error {border: 1px solid #cd0a0a; background: #fef1ec url(../jquery-ui/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, .ui-widget-header .ui-state-error a { color: #cd0a0a; } .ui-state-error-text, .ui-widget-content .ui-state-error-text, .ui-widget-header .ui-state-error-text { color: #cd0a0a; } .ui-priority-primary, .ui-widget-content .ui-priority-primary, .ui-widget-header .ui-priority-primary { font-weight: bold; } .ui-priority-secondary, .ui-widget-content .ui-priority-secondary, .ui-widget-header .ui-priority-secondary { opacity: .7; filter:Alpha(Opacity=70); font-weight: normal; } .ui-state-disabled, .ui-widget-content .ui-state-disabled, .ui-widget-header .ui-state-disabled { opacity: .35; filter:Alpha(Opacity=35); background-image: none; } /* Icons ----------------------------------*/ /* states and images */ .ui-icon { width: 16px; height: 16px; background-image: url(../jquery-ui/images/ui-icons_469bdd_256x240.png); } .ui-widget-content .ui-icon {background-image: url(../jquery-ui/images/ui-icons_469bdd_256x240.png); } .ui-widget-header .ui-icon {background-image: url(../jquery-ui/images/ui-icons_d8e7f3_256x240.png); } .ui-state-default .ui-icon { background-image: url(../jquery-ui/images/ui-icons_6da8d5_256x240.png); } .ui-state-hover .ui-icon, .ui-state-focus .ui-icon {background-image: url(../jquery-ui/images/ui-icons_217bc0_256x240.png); } .ui-state-active .ui-icon {background-image: url(../jquery-ui/images/ui-icons_f9bd01_256x240.png); } .ui-state-highlight .ui-icon {background-image: url(../jquery-ui/images/ui-icons_2e83ff_256x240.png); } .ui-state-error .ui-icon, .ui-state-error-text .ui-icon {background-image: url(../jquery-ui/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-all, .ui-corner-top, .ui-corner-left, .ui-corner-tl { -moz-border-radius-topleft: 0px; -webkit-border-top-left-radius: 0px; -khtml-border-top-left-radius: 0px; border-top-left-radius: 0px; } .ui-corner-all, .ui-corner-top, .ui-corner-right, .ui-corner-tr { -moz-border-radius-topright: 0px; -webkit-border-top-right-radius: 0px; -khtml-border-top-right-radius: 0px; border-top-right-radius: 0px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-left, .ui-corner-bl { -moz-border-radius-bottomleft: 0px; -webkit-border-bottom-left-radius: 0px; -khtml-border-bottom-left-radius: 0px; border-bottom-left-radius: 0px; } .ui-corner-all, .ui-corner-bottom, .ui-corner-right, .ui-corner-br { -moz-border-radius-bottomright: 0px; -webkit-border-bottom-right-radius: 0px; -khtml-border-bottom-right-radius: 0px; border-bottom-right-radius: 0px; } /* Overlays */ .ui-widget-overlay { background: #aaaaaa url(../jquery-ui/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(../jquery-ui/images/ui-bg_flat_0_aaaaaa_40x100.png) 50% 50% repeat-x; opacity: .30;filter:Alpha(Opacity=30); -moz-border-radius: 8px; -khtml-border-radius: 8px; -webkit-border-radius: 8px; border-radius: 8px; }/*! * jQuery UI Resizable 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Resizable#theming */ .ui-resizable { position: relative;} .ui-resizable-handle { position: absolute;font-size: 0.1px; display: block; } .ui-resizable-disabled .ui-resizable-handle, .ui-resizable-autohide .ui-resizable-handle { display: none; } .ui-resizable-n { cursor: n-resize; height: 7px; width: 100%; top: -5px; left: 0; } .ui-resizable-s { cursor: s-resize; height: 7px; width: 100%; bottom: -5px; left: 0; } .ui-resizable-e { cursor: e-resize; width: 7px; right: -5px; top: 0; height: 100%; } .ui-resizable-w { cursor: w-resize; width: 7px; left: -5px; top: 0; height: 100%; } .ui-resizable-se { cursor: se-resize; width: 12px; height: 12px; right: 1px; bottom: 1px; } .ui-resizable-sw { cursor: sw-resize; width: 9px; height: 9px; left: -5px; bottom: -5px; } .ui-resizable-nw { cursor: nw-resize; width: 9px; height: 9px; left: -5px; top: -5px; } .ui-resizable-ne { cursor: ne-resize; width: 9px; height: 9px; right: -5px; top: -5px;}/*! * jQuery UI Selectable 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Selectable#theming */ .ui-selectable-helper { position: absolute; z-index: 100; border:1px dotted black; } /*! * jQuery UI Accordion 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Accordion#theming */ /* IE/Win - Fix animation bug - #4615 */ .ui-accordion { width: 100%; } .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; } /*! * jQuery UI Autocomplete 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Autocomplete#theming */ .ui-autocomplete { position: absolute; cursor: default; } /* workarounds */ * html .ui-autocomplete { width:1px; } /* without this, the menu expands to 100% in IE6 */ /* * jQuery UI Menu 1.8.21 * * Copyright 2010, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Menu#theming */ .ui-menu { list-style:none; padding: 2px; margin: 0; display:block; float: left; } .ui-menu .ui-menu { margin-top: -3px; } .ui-menu .ui-menu-item { margin:0; padding: 0; zoom: 1; float: left; clear: left; 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 { font-weight: normal; margin: -1px; } /*! * jQuery UI Button 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Button#theming */ .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-primary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 1em .4em 2.1em; } .ui-button-text-icon-secondary .ui-button-text, .ui-button-text-icons .ui-button-text { padding: .4em 2.1em .4em 1em; } .ui-button-text-icons .ui-button-text { padding-left: 2.1em; padding-right: 2.1em; } /* 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-primary .ui-icon, .ui-button-text-icon-secondary .ui-icon, .ui-button-text-icons .ui-icon, .ui-button-icons-only .ui-icon { position: absolute; top: 50%; margin-top: -8px; } .ui-button-icon-only .ui-icon { left: 50%; margin-left: -8px; } .ui-button-text-icon-primary .ui-button-icon-primary, .ui-button-text-icons .ui-button-icon-primary, .ui-button-icons-only .ui-button-icon-primary { left: .5em; } .ui-button-text-icon-secondary .ui-button-icon-secondary, .ui-button-text-icons .ui-button-icon-secondary, .ui-button-icons-only .ui-button-icon-secondary { right: .5em; } .ui-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 */ /*! * jQuery UI Dialog 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Dialog#theming */ .ui-dialog {background-color: #FFFFFF; position: absolute; padding: .2em; width: 300px; overflow: hidden; } .ui-dialog .ui-dialog-titlebar {color: #2A4975; padding: .4em 1em; position: relative; } .ui-dialog .ui-dialog-title { float: left; margin: .1em 16px .1em 0; } .ui-dialog .ui-dialog-titlebar-close { position: absolute; right: .3em; top: 50%; margin: -10px 0 0 0; padding: 1px; height: 18px; } .ui-dialog .ui-dialog-titlebar-close span {text-indent: 0;color: #2A4975;width: auto; display: block; margin: 1px; background-image: none;} .ui-dialog .ui-dialog-titlebar-close:hover, .ui-dialog .ui-dialog-titlebar-close:focus { padding: 0; } .ui-dialog .ui-dialog-content { position: relative; 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 .ui-dialog-buttonset { float: right; } .ui-dialog .ui-dialog-buttonpane button { margin: .5em .4em .5em 0; cursor: pointer; } .ui-dialog .ui-resizable-se { width: 14px; height: 14px; right: 3px; bottom: 3px; } .ui-draggable .ui-dialog-titlebar { cursor: move; } /*! * jQuery UI Slider 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Slider#theming */ .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; }/*! * jQuery UI Tabs 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Tabs#theming */ .ui-tabs { position: relative;padding: .2em .2em .2em 0; 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 15px 0; } .ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; 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-width: 0;padding: 5px 0 0 0; background: none; } .ui-tabs .ui-tabs-hide { display: none !important; } /*! * jQuery UI Datepicker 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Datepicker#theming */ .ui-datepicker { width: 17em; padding: .2em .2em 0; display: none; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; } .ui-datepicker .ui-datepicker-prev, .ui-datepicker .ui-datepicker-next { position:absolute; top: 2px; width: 1.8em; height: 1.8em; } .ui-datepicker .ui-datepicker-prev-hover, .ui-datepicker .ui-datepicker-next-hover { top: 1px; } .ui-datepicker .ui-datepicker-prev { left:2px; } .ui-datepicker .ui-datepicker-next { right:2px; } .ui-datepicker .ui-datepicker-prev-hover { left:1px; } .ui-datepicker .ui-datepicker-next-hover { right:1px; } .ui-datepicker .ui-datepicker-prev span, .ui-datepicker .ui-datepicker-next span { display: block; position: absolute; left: 50%; margin-left: -8px; top: 50%; margin-top: -8px; } .ui-datepicker .ui-datepicker-title { margin: 0 2.3em; line-height: 1.8em; text-align: center; } .ui-datepicker .ui-datepicker-title select { font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .ui-datepicker select.ui-datepicker-month, .ui-datepicker select.ui-datepicker-year { width: 49%;} .ui-datepicker table {width: 100%; font-size: .9em; border-collapse: collapse; margin:0 0 .4em; } .ui-datepicker th { padding: .7em .3em; text-align: center; font-weight: 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%; font-size:0em; } /* 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*/ }/*! * jQuery UI Progressbar 1.8.21 * * Copyright 2012, AUTHORS.txt (http://jqueryui.com/about) * Dual licensed under the MIT or GPL Version 2 licenses. * http://jquery.org/license * * http://docs.jquery.com/UI/Progressbar#theming */ .ui-progressbar { height:2em; text-align: left; overflow: hidden; } .ui-progressbar .ui-progressbar-value {margin: -1px; height:100%; } /* lyoness-jquery-ui.css*/ @media all { /** * Überladungen von Jquery-UI Styles mit Lyoness-Styles * **/ /* Datepicker */ .ui-datepicker { width: 20em; padding: .2em .2em 0; } .ui-datepicker .ui-datepicker-header { position:relative; padding:.2em 0; background-color:#0D669F;} .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-calendar { background-color: #EAF0F4; } .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; background-color:#0D669F;} .ui-datepicker .ui-datepicker-title select { float:left; font-size:1em; margin:1px 0; } .ui-datepicker select.ui-datepicker-month-year {width: 100%;} .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 .ui-datepicker-title select.ui-datepicker-year { float: right; } .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-color:black; 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 table { border: 0;} .ui-datepicker .ui-datepicker-buttonpane button.ui-datepicker-current { float:left; } .ui-datepicker .ui-datepicker-calendar .ui-state-default { background-image: none;} /* 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*/ } /* Dialog = Popup */ .ui-dialog{ padding: 0 0.6em !important; background: url("../../images/layout/bkg-sprite.gif") repeat-x scroll 0 -466px #FFFFFF !important; } .ui-dialog .ui-dialog-content { padding: 1.5em 0 !important;} .ui-dialog .ui-dialog-titlebar { color: #fff !important; height: 42px; padding: 0.4em !important; } .ui-dialog .ui-dialog-title { background: url("../../images/layout/logo-lyo-popup.png") no-repeat scroll left center transparent !important; font-size: 0; height: 42px; width: 116px; } .ui-dialog .ui-dialog-titlebar-close span {color: #fff !important;font-weight: bold! important;} .ui-dialog .ui-widget-header { background: none !important;} .ui-dialog a.ui-dialog-titlebar-close.ui-state-hover { background: none !important;border: none !important;text-decoration: none !important;padding: 1px !important; } .ui-dialog .ui-dialog-buttonpane button { background: url("../../images/buttons/bkg-btn-blue.png") repeat-x left 0px transparent; border: 1px solid #00345d; border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; color: white; font-size: 12px; line-height: 11px; cursor: pointer; font-weight: bold; padding: 1px 4px; height: 26px; margin: 0; margin-right: 3px; min-width: 60px; } .ui-dialog .ui-dialog-buttonpane button:hover { background-position: left -27px; } .ui-button-text-only .ui-button-text { padding: 0;} .ui-widget-overlay { background: #000; opacity: .70;filter:Alpha(Opacity=70); } } /* bannertool.css*/ body { } #banner_container { width:736px; height:349px; position:relative; } /* Slideshow style */ #slides { position:absolute; left:0px; z-index:2; } /* Slides container Important: Set the width of your slides container If height not specified height will be set by the slide content Set to display none, prevents content flash */ .slides_container { width:736px; height:295px; overflow:hidden; position:relative; display:none; /*border:1px solid #E4E4E4;*/ } /* Each slide Important: Set the width of your slides Offeset for the 20px of padding If height not specified height will be set by the slide content Set to display block */ #slides .slide { padding:0; width:736px; height:295px; display:block; } #slides .slide .ownBanner { border-top: #E0E0E0 1px solid; border-left: #E0E0E0 1px solid; border-right: #E0E0E0 1px solid; } /* Next/prev buttons */ #slides .next,#slides .prev { position:absolute; /*top:304px;*/ padding-top:7px; left:-39px; width:16px; height:18px; display:block; z-index:101; } #slides a.next { left:485px; } #slides .prev { left:247px; } #sliderBackground { background: url(../../images/bannertool/bkg-slider-bottom.gif) repeat-x; width:736px; height:34px; border-bottom:1px solid #E4E4E4; /* border:1px solid #E4E4E4;*/ /* border-left:1px solid #E4E4E4; border-right:1px solid #E4E4E4; */ } /* Pagination */ #banner_container .paginationDiv { margin-top:-35px; width:736px; text-align:center; margin-left:auto; margin-right:auto; height:16px; } #banner_container .pagination { /*margin:-35px auto 0;*/ display:inline-block; /* margin-top:-35px;*/ /*position:absolute;*/ } #banner_container .pagination li { float:left; margin: 10px 3px ; list-style:none; } #banner_container .pagination li a { display:block; width:13px; height:0; padding-top:12px; background-image:url(../../images/bannertool/banner-item.png); /*background-position:0 0;*/ float:left; overflow:hidden; } #banner_container .pagination li a:hover { display:block; width:13px; height:0; padding-top:12px; background-image:url(../../images/bannertool/banner-item-hover.png); /*background-position:0 0;*/ float:left; overflow:hidden; } #banner_container .pagination li.current a { /*background-position:0 -21px;*/ background-image:url(../../images/bannertool/banner-item-on.png); } /* Type and anchors */ #banner_container a:link { color:#599100; text-decoration:none; } #banner_container a:hover,a:active { color:#599100; text-decoration:underline; } #banner_container h1 { font-size:2em; } #banner_container p { font-size:1.3em; } #slides .link { display:block; margin-top:10px; font-weight:800; } #sliderBackground a.prev { display:block; background: url("../../images/bannertool/arrow-banner-prev.png") no-repeat left 7px transparent; width:18px; height:18px;} #sliderBackground a.next { display:block; background: url("../../images/bannertool/arrow-banner-next.png") no-repeat left 7px transparent; width:18px; height:18px;} #sliderBackground a.prev:hover { display:block; background: url("../../images/bannertool/arrow-banner-prev-on.png") no-repeat left 7px transparent; width:18px; height:18px;} #sliderBackground a.next:hover { display:block; background: url("../../images/bannertool/arrow-banner-next-on.png") no-repeat left 7px transparent; width:18px; height:18px;} /* global.css*/ button.confirm { width:232px; height:48px; font-size:1.1em; margin-left:20px; padding:5px 0 9px 0; } button.imagebutton .shoppen { font-size:18px; width:220px; height:52px;display: table-cell; vertical-align: middle; text-align:center; background:url("../../images/buttons/bkg-btn-shopping-sprite.png") no-repeat scroll left top transparent !important; padding:0; } button.imagebutton .shoppen .shoppen-label { color:White; padding:5px 5px 5px 5px; } .specialButton { color:White; padding:0;cursor: pointer; } .specialButton:hover { text-decoration: none;} .Green220{cursor: pointer;border: 0;color: white;font-weight: 600; font-size:18px; width:220px; height:52px;display: block;display: table-cell\0/IE9;/*ie9 und ie10 hack*/ vertical-align: middle; text-align:center; background:url("../../images/buttons/bkg-btn-shopping-sprite.png") no-repeat scroll left top transparent !important; padding:0; } .Green220:hover{cursor: pointer;border: 0;color: white;font-weight: 600; font-size:18px; width:220px; height:52px;display: block;display: table-cell\0/IE9;/*ie9 und ie10 hack*/ vertical-align: middle; text-align:center; background:url("../../images/buttons/bkg-btn-shopping-sprite.png") no-repeat scroll left -70px transparent !important; padding:0; } .Green312{cursor: pointer;border: 0; font-size:14px;font-weight:bold; width:312px;line-height: 30px; height:30px;text-align: center; background:url("../../images/buttons/bkg-btn-shopping-small.png") no-repeat scroll left center transparent !important; padding:0; } .Blue179{ cursor: pointer;border: 0; font-size:14px;font-weight:bold; width:179px;line-height: 30px; height:30px;text-align: center; background:url("http://gs1.wac.edgecastcdn.net/003D76/small/lyo-website-2/images/buttons/bkg-btn-blue.gif") repeat-x !important; padding:0; border-radius: 4px 4px 4px 4px; -moz-border-radius: 4px 4px 4px 4px; -webkit-border-radius: 4px 4px 4px 4px;} a.specialButton div.ShoppenBigGreen:hover { background:url("../../images/buttons/bkg-btn-shopping-sprite.png") no-repeat scroll left -70px transparent !important; } #dealerForBannerToolBtn a:hover { text-decoration: none; } button.imagebutton .bigblue .rightblue { padding-right:30px;} div.imagebutton.AddDealerToFolderLink{color: #004877;cursor: pointer;margin-top: 5px;text-align: left;width: 100%;} div.imagebutton div.AddDealerToFolderImage{width: 16px;height: 12px;background: url("../../images/icons/plus-double.gif") no-repeat;/*margin-right: -5px;*/} input.empty{ color: #828282;} /* begin vertikale ausrichtung in divs*/ .table { display: table; width: 100%; height: 100%; } .tablecell-align-valign { width: 100%; display: table-cell; vertical-align: middle; height: 100%; text-align: center; } .tablecell-left-bottom { width: 100%; display: table-cell; vertical-align: bottom; height: 100%; text-align: left; } .tablecell-valign { width: 100%; display: table-cell; vertical-align: middle; height: 100%; } .tablecell-valign { width: 100%; display: table-cell; height: 100%; } .tablecell-valign-right { width: 100%; display: table-cell; text-align: right; height: 100%; } /* end vertikale ausrichtung in divs*/ /* partnerbonus.css*/ body { } #partnerBonus { /*background-image: url("../../images/partner/bkg-gutscheincodes.gif");*/ background-repeat: no-repeat; width: 205px; height: 296px; } #partnerBonus .bonusHeader { color: #4F3E10; font-size: 16px; padding-top: 65px; padding-left: 15px; width: 180px; height: 36px; overflow: hidden; position: relative; vertical-align:bottom; /*background-color: yellow;*/ } #partnerBonus .bonusHeader .bonus { color: #4F3E10; position: absolute; bottom: 0; } #partnerBonus .bonusHeader .bonus p {margin: 0;} #partnerBonus .bonusExpiration { color: #7A4F0A; padding-left: 20px; font-weight: bold; position: relative; } #partnerBonus .partnerLogo { width: 205px; height: 125px; margin-left: 15px; text-align:center; display: table-cell; /*vertical-align: middle;*/ } #partnerBonus .partnerLogo .box-vertical-middle { height: 90px; position: relative; width: 205px; z-index: 10; } #partnerBonus .partnerLogo a { position: relative; } #partnerBonus .bonusLink a { background: url("../../images/partner/bkg-gutscheincodes-sprite.png") no-repeat scroll 0 0 transparent; color: white; display: block; font-size: 17px; font-weight: bold; height: 52px; margin-top: -240px; padding-top: 251px; text-align: center; width: 205px; text-shadow: #a0aaaa 1px 1px 0; } #partnerBonus .bonusLink a:hover { background-position: -246px 0; text-decoration: none; } #partnerBonus .partnerBonusContainer .bonusInfo { color: #444444; font-size: 12px; padding: 206px 16px 15px; position: absolute; text-align: center; top: 0; vertical-align: text-bottom; width: 171px; line-height: 17px; } #partnerBonus .partnerBonusContainer { position: relative; height: 240px; } /*******************VOUCHERS*************************/ #VoucherContainer { margin-bottom: 50px; } .voucherSort { text-align: right; margin-bottom: 5px; float: left; width: 50%; } .voucherInfoBoxSpeech { float: left; margin-top: 5px; width: 50%; } #VoucherContainer .voucher { float: left; margin-left: 40px; margin-top: 10px; } .voucherSortDropdownList { border: #B8D6F8 solid 1px !important; color: #004E7A; border-radius: 0 !important; box-shadow: none !important; -webkit-box-shadow: none !important; -moz-box-shadow: none !important; -webkit-border-radius: 0 !important; -moz-border-radius: 0 !important; } #VoucherFooter .voucherHr { border-color: #E5E5E5; margin-top: 3px; } #VoucherFooter .btnVoucherMoreResults { background: url("../../images/partner/bkg-btn-gray-gradient-vouchers.gif") repeat-x; width: 470px; height: 26px; border: #BABABA solid 1px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; cursor: pointer; } /**********VOUCHERS INFO BOX********************/ #VoucherInfoBoxContainer { /*margin-top: 267px;*/ } #VoucherInfoBoxContainer .VoucherInfoBoxContentContainer { border-left: #DFDFDF 1px solid; border-right: #DFDFDF 1px solid; border-bottom: #DFDFDF 1px solid; } #VoucherInfoBoxContainer .VoucherInfoBoxContent { margin-bottom: 5px; margin-left: 5px; } #VoucherInfoBoxContainer .VoucherInfoBoxContent h4 { color: #785A1E; font-weight: bold; } /* bannertoolwithtabs.css*/ body { } #bannerwithtabs_container { width: 736px; height: 111px; position: relative; border-left: #dedede solid 1px; border-right: #dedede solid 1px; border-bottom: #dedede solid 1px; } /* Slideshow style */ #slides_tabBanner { position: absolute; /*top:15px;*/ left: 0px; z-index: 2; width: 100%; } /* Slides container Important: Set the width of your slides container If height not specified height will be set by the slide content Set to display none, prevents content flash */ #slides_tabBanner .slides_container_bannertoolwithtabs { width: 672px; height: 77px; /*overflow:hidden; position:relative;*/ display: none; /*border:1px solid #E4E4E4;*/ /* background-color: red;*/ position: relative; } /* Each slide Important: Set the width of your slides Offeset for the 20px of padding If height not specified height will be set by the slide content Set to display block */ #slides_tabBanner .slide { /*padding: 0;*/ width: 672px; height: 77px; display: block; vertical-align: middle; position: absolute; /*top: 50%; margin-top: 20px;*/ text-align: center; } /* Next/prev buttons */ #slides_tabBanner .divPrev { float: left; height: 77px; width: 32px; position: relative; } #slides_tabBanner .divNext { float: right; height: 77px; width: 32px; position: relative; } #slides_tabBanner .divPrev a.prevSlides { display: block; background: url("../../images/bannertool/arrow-banner-prev.png") no-repeat right 0px transparent; width: 32px; height: 18px; position: absolute; top: 50%; margin-top: 0px; } #slides_tabBanner .divNext a.nextSlides { position: relative; display: block; background: url("../../images/bannertool/arrow-banner-next.png") no-repeat left 0px transparent; width: 18px; height: 18px; position: absolute; top: 50%; /*margin-top: -9px;*/ } #slides_tabBanner .divPrev a.prevSlides:hover { display: block; background: url("../../images/bannertool/arrow-banner-prev-on.png") no-repeat right 0px transparent; width: 32px; height: 18px; } #slides_tabBanner .divNext a.nextSlides:hover { display: block; background: url("../../images/bannertool/arrow-banner-next-on.png") no-repeat left 0px transparent; width: 18px; height: 18px; } #slides_tabBanner #sliderBackground { background: url(../../images/bannertool/bkg-slider-bottom.gif) repeat-x; width: 736px; height: 34px; border-bottom: 1px solid #E4E4E4; } /* Pagination */ #bannerwithtabs_container .paginationDiv { background: url(../../images/bannertool/bkg-slider-bottom.gif) repeat-x; width: 736px; height: 34px; text-align: center; margin-left: auto; margin-right: auto; /*margin-top: 5px;*/ } #bannerwithtabs_container .pagination { /*margin:-35px auto 0;*/ display: inline-block; /* margin-top:-35px;*/ /*position:absolute;*/ } #bannerwithtabs_container .pagination li { float: left; margin: 10px 3px; list-style: none; } #bannerwithtabs_container .pagination li a { display: block; width: 13px; height: 0; padding-top: 12px; background-image: url(../../images/bannertool/banner-item.png); /*background-position:0 0;*/ float: left; overflow: hidden; } #bannerwithtabs_container .pagination li a:hover { display: block; width: 13px; height: 0; padding-top: 12px; background-image: url(../../images/bannertool/banner-item-hover.png); /*background-position:0 0;*/ float: left; overflow: hidden; } #bannerwithtabs_container .pagination li.current a { /*background-position:0 -21px;*/ background-image: url(../../images/bannertool/banner-item-on.png); } /* Type and anchors */ #bannerwithtabs_container a:link { color: #599100; text-decoration: none; } #bannerwithtabs_container a:hover, a:active { color: #599100; text-decoration: underline; } #bannerwithtabs_container h1 { font-size: 2em; } #bannerwithtabs_container p { font-size: 1.3em; } #slides_tabBanner .link { display: block; margin-top: 10px; font-weight: 800; } /********BANNER TABS***********/ #bannerTabs { width: 738px; height: 34px; border-bottom: #dedede 1px solid; } #bannerTabs .bannerTab { width: 130px; background: url(../../images/bannertool/bkg-tabs.gif) repeat-x; height: 34px; /*line-height: 34px;vertical text align middle, must be same as the height of a div*/ /* overflow: hidden;*/ color: #004877; font-weight: bold; margin-right: 3px; float: left; border-left: #e0edfe solid 1px; border-right: #e0edfe solid 1px; border-top: #e0edfe solid 1px; border-bottom: none; text-align: center; } #bannerTabs .bannerTab:hover { /*background: none; Background-color: #f4f4f4;*/ background: url(../../images/bannertool/bkg-tabs-on.gif) repeat-x; border-left: #dedede solid 1px; border-right:#dedede solid 1px; border-top: #dedede solid 1px; cursor: pointer; color: #6F6F6F; border-bottom: white solid 1px; margin-top: 1px; font-weight: bold; } #bannerTabs .TabActive { background: url(../../images/bannertool/bkg-tabs-on.gif) repeat-x; width: 130px; height: 34px; /*line-height: 34px; vertical text align middle*/ margin-right: 3px; float: left; /* overflow: hidden;*/ color: #6F6F6F; font-weight: bold; border-left: #dedede solid 1px; border-right:#dedede solid 1px; border-top: #dedede solid 1px; border-bottom: white solid 1px; margin-top: 1px; text-align: center; /* Background-color: #f4f4f4;*/ } /*#bannerTabs .TabActive:hover { color: #00315C; font-weight: bold; background: url(../../images/bannertool/bkg-tabs.gif) repeat-x; width: 130px; height: 34px; }*/ /* ui_global.css*/ @charset "UTF-8"; /******************************************************************************************************************** ** Hier sollen globale Styles definiert werden. ********************************************************************************************************************/ /**************************************************************** ** ÜBERSCHRIEBENE STYLES VOM CMS */ /* Wir wollen kein Hover auf TD's @karl hats entfernt mal schauen wie sichs verhält background wurde gelöscht TBODY TR:HOVER TD { background: none;} */ /**************************************************************** ** EIGENE STYLES */ textarea {font-size:100.01%; font-family:Arial,Helvetica,sans-serif; } .button-row{padding:5px;} @media screen { .onlyprint {display:none; } .noprint {} } div.cluetip-registration { background-color:#D1E5F8!important; } /* cluetip */ div.cluetip-registration .cluetip-arrows { font-size: 0; line-height: 0%; width: 0; height: 0; border-style: solid; background: transparent none; } div.clue-right-registration .cluetip-arrows { border-width: 11px 11px 11px 0; border-top-color: transparent; border-bottom-color: transparent; border-left-color: transparent; } div.clue-left-registration .cluetip-arrows { left: 100%; margin-right: -11px; border-width: 11px 0 11px 11px; border-top-color: transparent; border-right-color: transparent; border-bottom-color: transparent; } .infoMessageRed{color:#CC0000;} /* Div auf jeder Seite innerhalb des Haupt Contents */ .internal-content {margin-bottom: 40px; margin-top: 10px; } /* Grundgerüst für Pages */ .TitleAndInfoArea { width:100%; margin: 0; margin: 0; border: 0;color: #545454; /*font-weight: bold;*/ } .TitleAndInfoArea td { padding: 0; margin: 0; border: 0; } .TitleAndInfoArea .Button-Print { text-align: right; padding-left: 5px;} .InstructionSection { margin: 0; margin: 0; border: 0; font-weight: bold; } .InstructionSection td { padding: 0; margin: 0; border: 0; } .ButtonBar {width:100%; text-align: right; margin-top: 15px; margin-bottom: 0px; } .ButtonBar button{margin-left:5px;} .ButtonBar .Description{text-align:left; padding-bottom:8px;} tr.error div.labelerror{color:#CC0000;} .TwoColumnLayout_OuterTable_Spacer {width: 16px; margin-top: 10px; } .TwoColumnLayout_OuterTable { border: 0; margin: 0; padding:0;} .TwoColumnLayout_OuterTable TH { border: 0; margin: 0; padding:0; } .TwoColumnLayout_OuterTable TR { border: 0; margin: 0; padding:0;} .TwoColumnLayout_OuterTable TR TD {border: 0; margin: 0; padding:0; } .TwoColumnLayout_InnerTable {width: 325px; padding: 0; margin: 0; border: 0; font-size: 12px; } .TwoColumnLayout_InnerTable TR { padding: 0; margin: 0; } .TwoColumnLayout_InnerTable TR TD{border: 0; padding: 0; margin: 0; } .TwoColumnLayout_InnerTable_PropertyNameColumn {width: 135px; padding:3px 5px 5px 5px !important; margin: 0; vertical-align: middle; text-align:left; } .TwoColumnLayout_InnerTable_PropertyNameColumnEx {width: 250px; padding:3px 5px 5px 5px !important; margin: 0; vertical-align: middle; text-align:left; } .TwoColumnLayout_InnerTable_PropertyNameColumnTop {width: 135px; padding: 0; margin: 0; vertical-align: top; text-align:left; } .TwoColumnLayout_InnerTable_PropertyValueColumn { height: 28px; padding: 0; margin: 0; text-align:left;vertical-align:middle; } .TwoColumnLayout_InnerTable_PropertyValueColumn .empty {color:#696969;font-weight:normal; } .TwoColumnLayout_InnerTable_SearchArea {width: 325px; padding: 0; margin: 0; border: 0; font-size: 12px; } .TwoColumnLayout_InnerTable_SearchArea TR { padding: 0; margin: 0; } .TwoColumnLayout_InnerTable_SearchArea TR TD{border: 0; padding: 0; margin: 0; } .TwoColumnLayout_InnerTable_SearchArea .TwoColumnLayout_InnerTable_PropertyNameColumn {width: 135px; padding: 5px !important; margin: 0; vertical-align:middle; text-align:right; } .TwoColumnLayout_InnerTable_SearchArea .TwoColumnLayout_InnerTable_PropertyNameColumnTop {width: 135px; padding: 0; margin: 0; vertical-align:top; text-align:left; } .TwoColumnLayout_InnerTable_SearchArea .TwoColumnLayout_InnerTable_PropertyValueColumn { height: 28px; padding: 0; margin: 0; text-align:left; } .OneColumnLayout_OuterTable { border: 0; margin: 0; padding:0; width: 100%; margin-top: 10px;} .OneColumnLayout_OuterTable TH { border: 0; margin: 0; padding:0; } .OneColumnLayout_OuterTable TR { border: 0; margin: 0; padding:0;} .OneColumnLayout_OuterTable TR TD {border: 0; margin: 0; padding:0; } .OneColumnLayout_InnerTable {color:#4E4E4E;width:100%; padding: 0; margin: 0; border: 0; font-size: 12px; } .OneColumnLayout_InnerTable TR { padding: 0; margin: 0; } .OneColumnLayout_InnerTable TR TD {border: 0; padding: 0; margin: 0; } .OneColumnLayout_OnlyTitle_InnerTable th{ text-align: inherit;} .OneColumnLayout_InnerTable_PropertyNameColumn {width: 135px; padding: 0; margin: 0; vertical-align:middle; text-align:left; } .OneColumnLayout_InnerTable_PropertyNameColumnTop {width: 135px; padding: 0; margin: 0; text-align:left; vertical-align: top; } .OneColumnLayout_InnerTable_PropertyValueColumn { height: 28px; padding: 0; margin: 0; text-align:left; } .SecondLabel { width:auto; height: 28px; padding: 0; margin: 0; text-align:left; } .default-filter-container{color:#4E4E4E;} .default-filter-container .yearlist{ width:65px;} .default-filter-container .monthlist{ width:85px;} .default-filter-container .hasDatepicker{ width:85px;} .default-filter-container .customernumber{ width:115px; padding-left:2px; padding-right:2px;} .default-filter-container .TwoColumnLayout_InnerTable_PropertyNameColumn { width:auto; /*padding:15px 5px 0 0 !important;*/} .default-filter-container .TwoColumnLayout_InnerTable_PropertyValueColumn { width:auto;/*padding:10px 5px 0 0 !important;*/} .default-filter-container .SecondLabel {padding:0 !important;} .default-filter-container .default-filter-table {margin-top:5px; width:100%;} .default-filter-container .default-filter-table td.label{padding:0 3px 5px 0;} .default-filter-container .default-filter-table td.value{padding:0 20px 5px 0;} .default-filter-container .default-filter-table td.filler-cell{ width:100%;} .default-filter-container .subcr{text-align:right;} .default-content-container .NoEditable {padding: 0 0 0 0 !important; margin: 0 0 0 0;} .default-content-container TH {text-align: left;color:#32332E; padding: 0 0 5px 0; margin: 0; border-bottom: solid 1px #d9d2b6; } /*.default-content-container-gold TH {text-align: left;color:#32332E; padding: 0 0 5px 3px; margin: 0; border-bottom: solid 1px #D4B45F; } .default-content-container-black TH {text-align: left;color:#32332E; padding: 0 0 5px 3px; margin: 0; border-bottom: solid 1px #3E3D40;} .default-content-container-blue TH {text-align: left;color:#32332E; padding: 0 0 5px 3px; margin: 0; border-bottom: solid 1px #004877;} .default-content-container-platin TH {text-align: left;color:#32332E; padding: 0 0 5px 3px; margin: 0; border-bottom: solid 1px #9C9E9F;} */ #BusinessStatistikDetailDiv .default-content-container .TwoColumnLayout_InnerTable_PropertyNameColumn { width:200px !important; padding:0 0 0 0px !important; margin: 0; height: 20px; } /*#BusinessStatistikDetailDiv .default-content-container-gold .TwoColumnLayout_InnerTable_PropertyNameColumn { width:200px !important; padding:0 0 0 3px !important; margin: 0; height: 20px; } #BusinessStatistikDetailDiv .default-content-container-black .TwoColumnLayout_InnerTable_PropertyNameColumn {width:200px !important;padding:0 0 0 3px !important; margin: 0; height: 20px; } #BusinessStatistikDetailDiv .default-content-container-blue .TwoColumnLayout_InnerTable_PropertyNameColumn {width:200px !important; padding:0 0 0 3px !important; margin: 0; height: 20px; } #BusinessStatistikDetailDiv .default-content-container-platin .TwoColumnLayout_InnerTable_PropertyNameColumn {width:200px !important;padding:0 0 0 3px !important; margin: 0; height: 20px; } */ .default-content-container .TwoColumnLayout_InnerTable_PropertyNameColumn { width:250px !important; padding:0 0 0 3px !important; margin: 0; height: 20px; } /*.default-content-container-gold .TwoColumnLayout_InnerTable_PropertyNameColumn { width:250px !important; padding:0 0 0 3px !important; margin: 0; height: 20px; } .default-content-container-black .TwoColumnLayout_InnerTable_PropertyNameColumn {width:250px !important;padding:0 0 0 3px !important; margin: 0; height: 20px; } .default-content-container-blue .TwoColumnLayout_InnerTable_PropertyNameColumn {width:250px !important; padding:0 0 0 3px !important; margin: 0; height: 20px; } .default-content-container-platin .TwoColumnLayout_InnerTable_PropertyNameColumn {width:250px !important;padding:0 0 0 3px !important; margin: 0; height: 20px; } */ .default-content-container .TwoColumnLayout_InnerTable_PropertyValueColumn { font-weight:bold; padding: 0 3px 0 3px !important; margin: 0; height: 20px; white-space:nowrap; } /*.default-content-container-gold .TwoColumnLayout_InnerTable_PropertyValueColumn { font-weight:bold; padding: 0 3px 0 3px !important; margin: 0; height: 20px; white-space:nowrap; } .default-content-container-black .TwoColumnLayout_InnerTable_PropertyValueColumn {font-weight:bold;padding:0 3px 0 3px !important; margin: 0; height: 20px; white-space:nowrap;} .default-content-container-blue .TwoColumnLayout_InnerTable_PropertyValueColumn {font-weight:bold;padding:0 3px 0 3px !important; margin: 0; height: 20px; white-space:nowrap;} .default-content-container-platin .TwoColumnLayout_InnerTable_PropertyValueColumn {font-weight:bold;padding:0 3px 0 3px !important; margin: 0; height: 20px; white-space:nowrap;}*/ .default-content-container .selectedLine { background-color: #f3f0e6; } /*.default-content-container-gold .selectedLine { background-color: #FAF5EB; } .default-content-container-black .selectedLine { background-color: #F6F6F6; } .default-content-container-blue .selectedLine { background-color: #ECF1F7; } .default-content-container-platin .selectedLine { background-color: #F6F6F6; } */ .gold-bg-color { background-color: #FAF5EB; } .black-bg-color { background-color: #F6F6F6; } .blue-bg-color { background-color: #ECF1F7; } .platin-bg-color { background-color: #F6F6F6; } .default-content-container table{ width:100%;} /*.default-content-container-gold table{ width:100%;} .default-content-container-black table{ width:100%;} .default-content-container-blue table{ width:100%;} .default-content-container-platin table{ width:100%;} */ .box-roundedcorner-black-bg{color:White !important;} .TwoColumnLayout_InnerTable_PropertyNameColumn200{margin: 0; padding: 3px 5px 5px !important; text-align: left; vertical-align: middle; width: 200px;} /* Styles für die Info Area im Fehlerfall */ .error-info{ background-color: #ffebe8; border: none; margin-top: 5px; margin-bottom: 15px; padding: 5px;} .error-info-area {margin-top: 10px;width: 100%;color: #cc0000;} .success-info{background-color: #e9f7d5;border: none; margin-top: 5px; margin-bottom: 15px;padding: 5px;} .success-info-area table{ width: 100%;color: #75ad1e; } .error-info-area-image { height: 42px; width: 69px; border: 0; padding: 0; margin: 0;background: url("../../images/formimages/validation/icon-msg-bad.png") no-repeat scroll center top transparent;} .error-info-area-content {border: 0; padding: 0; margin: 0; } .error-info-area-title {width:100% ;border: 0; padding: 0 0 10px 0; margin: 0; font-size: 16px; font-weight: bold; } .error-info-area-message {padding: 0; margin: 0; border: 0; width:97%;} .error-info-area-message-icon {background-image: url(../../images/formimages/validation/validation_error_list.png); background-position: center 5px; background-repeat: no-repeat; width: 3%; margin: 0; border: 0; } /* Styles für die Info Area im Erfolgsfall */ .success-info-area {margin-top: 10px;width:100% } .success-info-area table{width:100% } .success-info-area-image {width: 60px; border: 0; padding: 0; margin: 0;background: url("../../images/formimages/validation/icon-msg-good.png") no-repeat scroll center top transparent;} .success-info-area-content {border: 0; padding: 0; margin: 0; } .success-info-area-title {width:100% ;border: 0; padding: 0 0 10px 0; margin: 0; font-size: 16px; font-weight: bold; } .success-info-area-message {padding: 0; margin: 0; border: 0; width:97%;} .success-info-area-message-icon {background-image: url(../../images/formimages/validation/validation_success_list.png); background-position: center 5px; background-repeat: no-repeat; width: 3%; padding: 0; border: 0; } .error-info-area-title.simple, .success-info-area-title.simple { padding-bottom: 0; height: 2.5em; } td.input-validation-error{background-color:#FFEBE8 !important;border:1px solid #CC0000 !important;} .blueline {width: 100%; height: 1px; background-color: #628CB2; } .selectedLine { background-color: #ecf1f7;padding-left:5px !important; } .notselectedLine { padding-left:5px !important; } .align-right { text-align:right !important;} .align-left { text-align:left !important;} .align-center { text-align:center !important;} .no-width { width:auto !important;} .padding-right5 { padding-right:5px !important;} .width135 { width: 135px;} .width100p { width: 100%;} .nobreak { white-space:nowrap;} /*Chart und statistics*/ .StatisticsTextTitle { font-family : Arial,Helvetia,sans-serif; font-size: 14px; text-align: left; font-weight: bold; padding: 0px 0px 5px 0px; color: #0075D5; } .StatisticsTextFooter { font-family : Arial,Helvetia,sans-serif; font-size: 12px; font-weight: bold; padding: 0px 0px 5px 0px; color: #0075D5; } .StatisticsTextHeader { font-family : Arial,Helvetia,sans-serif; font-size: 10px; text-align: right; padding: 0px 5px 0px 5px; border-bottom: 1px solid #DDEDF6; margin: 0px 0px 0px 0px; } .StatisticsText { font-family : Arial,Helvetia,sans-serif; font-size: 10px; text-align: right; padding: 0px 5px 0px 5px; margin: 0px 0px 0px 0px; border-bottom: 1px solid #DDEDF6; } .StatisticsTextWithoutLine { font-family : Arial,Helvetia,sans-serif; font-size: 10px; text-align: right; padding: 0px 5px 0px 5px; margin: 0px 0px 0px 0px; } .StatisticsTextLeftAlign { font-family : Arial,Helvetia,sans-serif; font-size: 10px; text-align: left; padding: 1px 5px 1px 5px; border-bottom: 1px solid #DDEDF6; } .StatisticsTextBold { font-weight: bold; } .StatisticsTable { width:200px; } .StatisticsMonthColumn { width: 40px; } .ChartTable { border: none; } .ChartTable TR { } .ChartTable TD { padding-bottom: 30px; } h1.noMargin { margin:0px; } tr.grey td, tr.grey td select, tr.grey td input {color:Gray !important;} tr.black td, tr.black td select, tr.black td input {color:black !important;} button.confirm { width:232px; height:48px; font-size:1.1em; margin-left:20px; padding:5px 0 9px 0; } button.confirm { padding-left:39px; background:url('../../images/eventmanagement/btn_finalize.png') no-repeat left transparent !important; } button.imagebutton { border:0;background:url(http://gs1.wac.edgecastcdn.net/003D76/small/lyo-website-2/css/combined/commoncss-c74b5beb61ee6e0c.css);padding:0; } button.imagebutton .tick { background:url("http://gs1.wac.edgecastcdn.net/003D76/small/lyo-website-2/images/buttons/btn_tick.png") no-repeat scroll left center transparent !important; padding:5px 0px 5px 45px; } button.imagebutton .download { background:url("../../images/buttons/btn_download.png") no-repeat scroll left center transparent !important; padding:5px 0px 5px 45px; } button.imagebutton .share { background:url("../../images/buttons/btn_share.png") no-repeat scroll left center transparent !important; padding:5px 0px 5px 45px; } button.imagebutton .store { background:url("http://gs1.wac.edgecastcdn.net/003D76/small/lyo-website-2/images/buttons/btn_store.png") no-repeat scroll left center transparent !important; padding:5px 0px 5px 45px; } button.imagebutton .search { background:url("../../images/buttons/btn_search.png") no-repeat scroll left center transparent !important; padding:5px 0px 5px 45px; } button.imagebutton .print_btn { background:url("http://gs1.wac.edgecastcdn.net/003D76/small/lyo-website-2/images/buttons/btn_print.png") no-repeat scroll left center transparent !important; padding:5px 0px 5px 65px; } button.imagebutton .bigblue { background:url("http://gs1.wac.edgecastcdn.net/003D76/small/lyo-website-2/images/buttons/btn_blue_left.png") no-repeat scroll left center transparent !important; padding:5px 0px 5px 45px; } button.imagebutton .shoppen { background:url("../../images/buttons/bkg-btn-shopping.png") no-repeat scroll left center transparent !important; padding:5px 0px 5px 45px; } button.imagebutton .rightblue { background:url('http://gs1.wac.edgecastcdn.net/003D76/small/lyo-website-2/images/buttons/btn_blue.png') no-repeat right transparent !important; padding:14px 10px 9px 0; height:25px; font-size:1.1em; } button.imagebutton .bigblue .rightblue { padding-right:30px;} /* Bezahlungsmöglichkeiten Store */ table.paymentOption { width:100%; } table.paymentOption td.icon { width:30px; text-align:center; padding: 2px 5px 2px 0px; } table.paymentOption td.label { padding: 2px 0px 2px 0px; } .hide { display:none; } .h4 { font-size:125%; margin:0; } .grayBack { background-color:Gray; } .normalbluetext {color:#004877; font-size: 0.95em; font-weight: normal; } /* Styles für Autocomplete */ .ac_results { border-color: #0D669F !important; border-top-style: none; border-top-width: medium; } .ac_results { background-color: white; border: 1px solid black; overflow: hidden; z-index: 99999; } .ac_results ul { list-style: none outside none; margin: 0; padding: 0; width: 100%; } .ac_results ul li { cursor: pointer; line-height: 25px; padding: 0 4px; } .ac_results li { cursor: default; display: block; line-height: 14px; margin: 0; overflow: hidden; padding: 2px 5px; text-align: left; } .ac_odd { background-color: #F1F4F6; } .ac_over { background-color: #0D669F; color: white; }