@charset "UTF-8"; /** * ------------------------------------------------------------------------------ * Stylesheets for cbr-companies * @Author: felix.wahner@w3design.de * April 2010 * ------------------------------------------------------------------------------ */ /** * ------------------------------------------------------------------------------ * Reset * * Reset to defaults * * @section Reset * @see http://meyerweb.com/eric/tools/css/reset/index.html * ------------------------------------------------------------------------------ */ html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; vertical-align: baseline; } ol, ul, dl { list-style: none; } table { border-collapse: separate; border-spacing: 0; } caption, th, td { text-align: left; font-weight: normal; } blockquote:before, blockquote:after, q:before, q:after { content: ""; } textarea { font-family: arial, helvetica, sans-serif; font-size: 12px; } blockquote, q { quotes: "" ""; } select, button, label { cursor: pointer; } strong, em { font-weight: bold; } /** * ------------------------------------------------------------------------------ * Helpers * * @section Helpers * ------------------------------------------------------------------------------ */ /** * ------------------------------------------------------------------------------ * Clearing * * @subsection Clearing * ------------------------------------------------------------------------------ */ /** * ------------------------------------------------------------------------------ * Clearfix * * Clear content without structural markup * * @subsubsection Clearfix * @see http://www.positioniseverything.net/easyclearing.html * ------------------------------------------------------------------------------ */ .clearfix:after, .lbInlineContent-outer:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix, .lbInlineContent-outer { display: inline-block; } /* Hides from IE-mac \*/ * html .clearfix, * html .lbInlineContent-outer { height: 1%; } .clearfix, .lbInlineContent-outer { display: block; } /* End hide from IE-mac */ /** * ------------------------------------------------------------------------------ * Clearer * * @subsubsection Clearer * ------------------------------------------------------------------------------ */ .clearer { height: 0px; width: 0px; line-height: 0px; font-size: 0px; clear: both; text-indent: -9999em; } /** * ------------------------------------------------------------------------------ * General Layout * * @section General Layout * ------------------------------------------------------------------------------ */ /** * ------------------------------------------------------------------------------ * HTML tags without classes * * @subsection HTML tags * ------------------------------------------------------------------------------ */ html, body { width:100%; height:100%; overflow:hidden; } html.showScrollbar, html.showScrollbar body { overflow:auto !important; } html { font-size: 100.01%; /* corrects font resizing bugs in various browsers */ text-align: center; } body { text-align: center; font-family: verdana, arial, helvetica, sans-serif; background: #9f9f9f; } input[type=checkbox], input[type=select], input[type=radio] { cursor: pointer; } h1, h2, #primNav, #myCbrCompanies, #myCbrCompaniesPartner, #partnerNav, #partner h3 { font-family: "Myriad Pro", verdana, arial, Helvetica, sans-serif; } /* hide cufon-replaced text while cufon is loading */ .cufon-loading h1, .cufon-loading h2, .cufon-loading h3, .cufon-loading #primNav span, .cufon-loading #primNav a, .cufon-loading #myCbrCompanies.loggedOut ul a, .cufon-loading #myCbrCompanies.loggedIn ul a, .cufon-loading #myCbrCompanies.loggedIn p, .cufon-loading #myCbrCompanies a.button, .cufon-loading #myCbrCompanies h3, .cufon-loading #myCbrCompaniesPartner ul a, .cufon-loading #myCbrCompaniesPartner a.button, .cufon-loading #myCbrCompaniesPartner h3, .cufon-loading #partnerNav, .cufon-loading #homeTeasers h3, .cufon-loading #partner a, .cufon-loading #content h2.subtitle, .cufon-loading #landingpage .lp_content h1.subtitle { visibility: hidden !important; } strong, em { font-weight: bold !important; } a { color: #ff7300; } a:hover { color: #f9ad6f; } /** * ------------------------------------------------------------------------------ * STRUCTURAL CONTAINERS * * @subsection Structural Containers * ------------------------------------------------------------------------------ */ /** * ------------------------------------------------------------------------------ * Wrapper * * @subsubsection wrapper * ------------------------------------------------------------------------------ */ #scroller { position:absolute; width:100%; height:100%; top:0; left:0; overflow:auto; z-index:2; } #wrapper { margin: 0 auto; position: relative; width: 1016px; text-align: left; } #wrapperInner { padding-top: 75px; /* height of header */ background: url(../images/bg_shadow.png) 0 11px no-repeat; font-size: 12px; } /** * ------------------------------------------------------------------------------ * Header * * @subsubsection header * ------------------------------------------------------------------------------ */ #header { height: 75px; left: 13px; width: 990px; position: absolute; top: 20px; z-index: 2; } #header a.logo { background: url(../images/sprite_cbr.png) 0 0 no-repeat; display: block; height: 75px; left: 0; position: absolute; text-indent: -9999em; overflow: hidden; top: 0; width: 225px; z-index: 3; } #header a.logo:hover { opacity: .8; } .partnerPage #header a.logo { background: url(../images/sprite_cbr.png) right 0 no-repeat; } #primNav { font-weight: 300; margin-top: 45px; padding-left: 242px; background: url(../images/sprite_cbr.png) 0 -90px no-repeat; line-height: 25px; min-height:30px; } .partnerPage #primNav { background: url(../images/sprite_cbr.png) 0 -249px no-repeat; } #primNav li { float:left; margin-right: 13px; white-space:nowrap; padding-top:2px; } #primNav li span, #primNav li a { color: #fff; font-size: 17px; text-decoration: none; font-weight: 400; } .partnerPage #primNav li span, .partnerPage #primNav li a { color: #6f6f6f; } #primNav li a:focus, #primNav li a:hover, #primNav li a.active, #primNav span.active { color: #ffa457; } .partnerPage #primNav li a:focus, .partnerPage #primNav li a:hover, .partnerPage #primNav li a.active, .partnerPage #primNav span.active { color: #ff7300; } /* defines the sub-navigation on hover */ #primNav li div { width: 765px; padding-top: 5px; position: absolute; top: 64px; left: -9999em; background: transparent; padding-top: 13px; } #primNav li:focus div, #primNav li:hover div { position: absolute; left: 225px; } .js #primNav li div, .js #primNav li div:focus, .js #primNav li div:hover { display: none; left: 225px; } #primNav li div ul { padding: 10px 28px 8px 17px; background:url(data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%04%00%00%00%04%08%06%00%00%00%A9%F1%9E~%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%00%18IDATx%DAb%F4%F6%F6%3E%C3%80%04%98%18%D0%00a%01%80%00%03%00nV%01%B54%DD%E9%E2%00%00%00%00IEND%AEB%60%82); /* ff2, opera */ background:rgba(0,0,0,0.6); /* ff3, safari, chrome */ } .partnerPage #primNav li div ul { background:url(data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%01%00%00%00%01%08%06%00%00%00%1F%15%C4%89%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%00%10IDATx%DAb%F8%FF%FF%FFL%80%00%03%00%09%95%03%97%CF%81%FC%D8%00%00%00%00IEND%AEB%60%82); /* ff2, opera */ background:rgba(255,255,255,0.6); /* ff3, safari, chrome */ } #primNav li div ul li { } #primNav li div ul li a { font-size: 16px; margin-top:1px; display:block; } #primNav li div ul li a.active { font-size: 22px; color: #fff; margin-top:0; } .partnerPage #primNav li div ul li a.active { color: #ff7300; } #header #functions { position: absolute; top: 0; right: 0; text-align: right; line-height: 22px; color: #fff; /* @see: http://www.webdevelopedia.com/better_opacity.html && http://yatil.de/Weblog/cross-browser-rgba */ background:url(data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%04%00%00%00%04%08%06%00%00%00%A9%F1%9E~%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%00%18IDATx%DAb%F4%F6%F6%3E%C3%80%04%98%18%D0%00a%01%80%00%03%00nV%01%B54%DD%E9%E2%00%00%00%00IEND%AEB%60%82); /* ff2, opera */ background:rgba(0,0,0,0.7); /* ff3, safari, chrome */ /* -- FIXES in screen_ie6 & screen_ie7 ! -- */ } #header #functions a { color: #fff; padding: 0 10px; text-decoration: none; } #header #functions a:hover, #header #functions a:focus, #header #functions a.active { color: #ff7300; } #header #functions a.active { font-weight: 700; } /** * ------------------------------------------------------------------------------ * CONTENT * * @subsubsection content * ------------------------------------------------------------------------------ */ #background, #backgroundNoJs img { position: absolute; top: 0; left: 0; z-index: 1; width: 100%; height: 100%; } .js #backgroundNoJs { display: none; } #content { margin: 20px 13px 0 13px; background: #f2f2f2 url(../images/bg_shadow_content.png) 0 0 repeat-y; position: relative; z-index: 2; min-height: 615px; } .defaultPage #content { background: #f2f2f2 url(../images/bg_shadow_content_default.png) 0 0 repeat-y; } #homeCarousel { margin-bottom: -2px; position:relative; height:350px; } #homeCarousel li { position:absolute; left:0; top:0; display:none; } /* non-js: display first item */ #homeCarousel li.first { display:list-item; } .button_gewinnspiel { position:absolute; left:783px; top:150px; width:195px; height:195px; z-index:9999; cursor:pointer; } #showRoomImage { margin-bottom:-2px; } #topBorder { height: 8px; position: absolute; top: 0; left: 0; z-index: 5; width: 100%; /* @see: http://www.webdevelopedia.com/better_opacity.html && http://yatil.de/Weblog/cross-browser-rgba */ background:url(data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%04%00%00%00%04%08%06%00%00%00%A9%F1%9E~%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%00%18IDATx%DAb%F4%F6%F6%3E%C3%80%04%98%18%D0%00a%01%80%00%03%00nV%01%B54%DD%E9%E2%00%00%00%00IEND%AEB%60%82); /* ff2, opera */ background:rgba(0,0,0,0.6); /* ff3, safari, chrome */ /* -- FIXES in screen_ie6 & screen_ie7 ! -- */ } .partnerPage #topBorder { background:url(data:image/png,%89PNG%0D%0A%1A%0A%00%00%00%0DIHDR%00%00%00%01%00%00%00%01%08%06%00%00%00%1F%15%C4%89%00%00%00%19tEXtSoftware%00Adobe%20ImageReadyq%C9e%3C%00%00%00%10IDATx%DAb%F8%FF%FF%FFL%80%00%03%00%09%95%03%97%CF%81%FC%D8%00%00%00%00IEND%AEB%60%82); /* ff2, opera */ background:rgba(255,255,255,0.6); /* ff3, safari, chrome */ } #content h1 { font-weight: 400; height: 46px; line-height: 46px; float: left; display: inline; /* IE */ width: 225px; color: #fff; font-size: 24px; background: #ff7300 url(../images/bg_shadow_content.png) 0 0 repeat-y; overflow:hidden; } .defaultPage #content h1, #content h1.small { font-size: 20px; } .defaultPage #content h1.large { font-size: 24px; } #home #content h1{ width: 240px; } #content h2 { font-weight: 400; font-size: 20px; height: 46px; line-height: 46px; float: left; display: inline; /* IE */ color: #383838; width: 764px; margin-left: 1px; background: #b2b2b2 url(../images/bg_shadow_content.png) right 0 repeat-y; overflow:hidden; } #content h1 span, #content h2 span { padding: 0 0 0 15px; } #home #content h2 { width: 749px; } #content h2.subtitle { background:#5A5959 url(../images/bg_shadow_subtitle.png) repeat-y 0 0; color:#FFF; display:block; float:none; font-size:30px; font-weight:300; height:auto; line-height:34px; margin:0; width:179px; font-family:"Myriad Pro",verdana,arial,Helvetica,sans-serif; padding:10px 8px 8px 38px; position:absolute; top:47px; left:0; -o-box-shadow: 3px 4px 4px rgba(0, 0, 0, .5); -moz-box-shadow: 3px 4px 4px rgba(0, 0, 0, .5); -webkit-box-shadow: 3px 4px 4px rgba(0, 0, 0, .5); -khtml-box-shadow: 3px 4px 4px rgba(0, 0, 0, .5); box-shadow: 3px 4px 4px rgba(0, 0, 0, .5); } /** * ------------------------------------------------------------------------------ * secnav * ------------------------------------------------------------------------------ */ #secNav { width: 225px; float: left; padding: 0; margin: 20px 0 0 ; } #secNav li { padding-bottom: 4px; } #secNav a { color: #3a3a3a; text-decoration: none; display: block; padding: 4px 15px; } #secNav a:hover, #secNav a:focus, #secNav a.active { color: #ff7300; } #secNav a.active { font-size:13px; font-weight: 700; } /** * ------------------------------------------------------------------------------ * left and content column * ------------------------------------------------------------------------------ */ #leftCol { width:225px; float:left; } #leftCol h1 { display:block; float:none; } #leftCol #secNav { float:none; } #contentCol { float:left; width:765px; } #contentCol #mainContent { margin-top:18px; width:474px; } #contentCol #contentRightCol { float:left; width:250px; margin-top:10px; padding-left:26px; } #contentCol h2 { display:block; float:none; height:50px; line-height:50px; margin-top:48px; /*-o-box-shadow: 0 4px 4px rgba(0, 0, 0, .5); -moz-box-shadow: 0 4px 4px rgba(0, 0, 0, .5); -webkit-box-shadow: 0 4px 4px rgba(0, 0, 0, .5); -khtml-box-shadow: 0 4px 4px rgba(0, 0, 0, .5); box-shadow: 0 4px 4px rgba(0, 0, 0, .5);*/ } #contentCol .hShadow{ background:url(../images/bg_shadow_content_headline.png) no-repeat right 0; height:8px; } #contentCol #myCbrCompanies { display:block; float:none; /*width:217px;*/ } /** * ------------------------------------------------------------------------------ * main content area * ------------------------------------------------------------------------------ */ #mainContent { width: 465px; float: left; margin: 22px 0 20px 15px; color: #3A3A3A; } .defaultContent #mainContent { margin:44px 0 20px 37px; } #mainContent h3 { color: #ff7300; font-size: 14px; font-weight: bold; margin-bottom: 16px; } #mainContent h4.content { font-size: 12px; font-weight: bold; margin-bottom: 10px; } #mainContent p { margin-bottom: 16px; line-height:16px; } #mainContent p.smallDist { margin-bottom:6px; } #mainContent .orange { color:#FF7300; } #mainContent ul { list-style:disc; margin:15px; padding:0; } #mainContent ul li { padding:0 0 5px 0; line-height:16px; margin:0; } /* main content wide */ .defaultContent #mainContent.wide { margin:44px 37px 40px; width:915px; } /* main content left with context column right */ .defaultContent #mainContent.left { margin:44px 37px 40px; width:615px; } .defaultContent #contextColumn, #contextColumn_mycbr_box { float:left; margin:34px 0 20px; width:300px; } #contextColumn_mycbr_box { width:285px; } /* main content separated in left and right column (article details) */ #mainContentLeft { float:left; margin-top:22px; padding:0 20px 20px 17px; width:322px; } #mainContentRight { float:left; margin-top:22px; padding:0 95px 20px 0; width:311px; } #mainContentRight h3 { color: #ff7300; font-size: 14px; font-weight: bold; margin-bottom: 16px; } #mainContentRight p { margin-bottom: 10px; line-height:16px; } #mainContentRight p.favouriteStore { background:url(../images/icon_lieblingsshop.png) no-repeat 0 center; padding-left:30px; margin-bottom:20px; } #mainContentRight table#articleDetails { border-collapse:collapse; margin-bottom:20px; width:300px; } #mainContentRight table#articleDetails th { padding:7px 5px 7px 0; width:103px; vertical-align:top; } #mainContentRight table#articleDetails th.colors, #mainContentRight table#articleDetails td.colors { padding-top:12px; } #mainContentRight table#articleDetails td { padding:7px 0; } #mainContentRight table#articleDetails td.errormessage { margin:0; background-position:0 7px; padding:7px 0 7px 28px; } #mainContentRight table#articleDetails td.colors img { border:1px solid #b1b1b1; cursor:help; } #mainContentRight table#articleDetails ul#colorList { margin-top:5px; } #mainContentRight table#articleDetails ul#colorList li { float:left; padding-bottom:5px; /* width:60px; */ } #mainContentRight table#articleDetails ul#colorList li input { margin:0 !important; vertical-align:middle; } #mainContentRight table#articleDetails ul#colorList li img { border:1px solid #b1b1b1; margin-right:10px; vertical-align:middle; cursor:help; } #mainContentRight table#articleDetails select { width:100px; } #mainContentRight form .row .smt { left:0; } #mainContentRight form .row a.smt { padding-left:13px; padding-right:13px; } /** * ------------------------------------------------------------------------------ * article details * ------------------------------------------------------------------------------ */ a.backLink { background:url(../images/icon_back.png) no-repeat 0 5px; padding-left:20px; text-decoration:underline; } img.article { border:1px solid #b1b1b1; margin:20px 0; /* css3 box-shadow for modern browsers */ -o-box-shadow: 3px 5px 5px #535353; -moz-box-shadow: 3px 5px 5px #535353; -webkit-box-shadow: 3px 5px 5px #535353; -khtml-box-shadow: 3px 5px 5px #535353; box-shadow: 3px 5px 5px #535353; } /** * ------------------------------------------------------------------------------ * article preview * ------------------------------------------------------------------------------ */ ul.articlePreview { margin:0 0 5px -10px; } ul.articlePreview li { float:left; position:relative; list-style-type:none; } ul.articlePreview li a { color: #f9ad6f; text-decoration:none; } ul.articlePreview li img { border:1px solid #B1B1B1; margin:0 0 15px 10px; /* css3 box-shadow for modern browsers */ -o-box-shadow: 3px 5px 5px #535353; -moz-box-shadow: 3px 5px 5px #535353; -webkit-box-shadow: 3px 5px 5px #535353; -khtml-box-shadow: 3px 5px 5px #535353; box-shadow: 3px 5px 5px #535353; } ul.articlePreview li span.openDetails { display:none; background:#5c5e60 url(../images/icon_open.png) no-repeat 78px 38px; /*fallback for older browsers*/ background:rgba(0, 0, 0, 0.6) url(../images/icon_open.png) no-repeat 78px 38px; cursor:pointer; position:absolute; bottom:17px; left:11px; padding:6px; height:55px; width:96px; } .contentImageTeaser { border:1px solid #b1b1b1; margin:10px 0; /* css3 box-shadow for modern browsers */ -o-box-shadow: 3px 5px 5px #535353; -moz-box-shadow: 3px 5px 5px #535353; -webkit-box-shadow: 3px 5px 5px #535353; -khtml-box-shadow: 3px 5px 5px #535353; box-shadow: 3px 5px 5px #535353; } .registerTeaser { margin:20px 0 0 30px; } /** * ------------------------------------------------------------------------------ * tooltip * ------------------------------------------------------------------------------ */ #tooltip { position:absolute; z-index:3000; border:1px solid #ccc; background-color:#b1b1b1; padding:5px; font-family: verdana, arial, helvetica, sans-serif; font-size:12px; } #tooltip h3 { font-size:12px; font-weight:normal; } #tooltip.reservation_tooltip { width: 189px; text-align: left; } /** * ------------------------------------------------------------------------------ * home teasers * ------------------------------------------------------------------------------ */ #homeTeasers { clear: both; } #homeTeasers ul { margin: 10px 0 15px 15px; float: left; } #homeTeasers li { width: 225px; float: left; margin: 0 15px 0 0; position: relative; display: inline; } #homeTeasers li img { position: absolute; top: 0; left: 0; border: 1px solid #b1b1b1; width: 223px; height: 148px; } #homeTeasers li h3 { margin-top: 155px; } /* css3 box-shadow for modern browsers */ #homeTeasers li img, #homeTeasers li h3 a { -o-box-shadow: 3px 5px 5px #535353; -moz-box-shadow: 3px 5px 5px #535353; -webkit-box-shadow: 3px 5px 5px #535353; -khtml-box-shadow: 3px 5px 5px #535353; box-shadow: 3px 5px 5px #535353; } #homeTeasers li h3 a { display: block; background: #b1b1b1; padding: 10px; color: #383838; text-transform: uppercase; text-decoration: none; font-size: 15px; } #homeTeasers li:hover h3 a, #homeTeasers li h3 a:hover { background: #ff7300; color: #fff; } /** * ------------------------------------------------------------------------------ * myCbrCompanies box * ------------------------------------------------------------------------------ */ #myCbrCompanies, #myCbrCompaniesPartner { width: 237px; border-top: 1px solid #b1b1b1; margin: 10px 15px 10px 0; position: relative; background: url(../images/sprite_cbr.png) -964px -280px no-repeat; float: right; display: inline; -o-box-shadow: 3px 5px 5px #535353; -moz-box-shadow: 3px 5px 5px #535353; -webkit-box-shadow: 3px 5px 5px #535353; -khtml-box-shadow: 3px 5px 5px #535353; box-shadow: 3px 5px 5px #535353; } #home #myCbrCompanies { height:193px; } #myCbrCompanies .inner, #myCbrCompaniesPartner .inner { background: url(../images/sprite_cbr.png) right bottom no-repeat; text-align: center; padding-bottom: 2px; font-size: 16px; } #myCbrCompanies h3, #myCbrCompaniesPartner h3 { line-height: 36px; font-size: 20px; height: 36px; background: #fe7301; color: #fff; position: relative; padding-left: 45px; margin-right: 2px; text-align: left; } #myCbrCompaniesPartner h3 { font-size: 18px; height:auto; line-height: 22px; padding-top:5px; padding-bottom:5px; } #myCbrCompanies h3 span, #myCbrCompaniesPartner h3 span { display: block; width: 44px; position: absolute; top: -8px; } #myCbrCompanies h3 span { background:url(../images/sprite_cbr.png) -252px -13px no-repeat; height: 48px; left: -5px; } #myCbrCompaniesPartner h3 span { background:url(../images/sprite_cbr.png) -325px -11px no-repeat; height:56px; left: -8px; } #home #myCbrCompanies .innerContent { height:128px; overflow:hidden; } #myCbrCompanies.loggedIn p { margin:10px 10px 0 15px; text-align:left; font-size:14px; line-height: 16px; } #myCbrCompanies ul, #myCbrCompaniesPartner ul { text-align: left; float: none; margin:10px 10px 15px 15px; } #myCbrCompanies ul a, #myCbrCompaniesPartner ul a { color: #fe7301; text-decoration: none; } #myCbrCompanies .unload ul a:focus, #myCbrCompanies .unload ul a:hover, #myCbrCompaniesPartner .unload ul a:focus, #myCbrCompaniesPartner .unload ul a:hover { background: #ffff; color: #fe7301; text-decoration: none; } #myCbrCompanies ul a:focus, #myCbrCompanies ul a:hover, #myCbrCompaniesPartner ul a:focus, #myCbrCompaniesPartner ul a:hover { background: #ff7300; color: #fff; padding: 0 4px 2px 4px; } #myCbrCompanies ul li, #myCbrCompaniesPartner ul li { float: none; display: block; clear: both; margin-bottom: 3px; font-size: 15px; } #myCbrCompanies ul span, #myCbrCompaniesPartner ul span { font-weight:700; } /* #myCbrCompanies.loggedIn p, #myCbrCompanies.loggedIn ul { font-family: verdana, arial, helvetica, sans-serif; font-size:12px; } #myCbrCompanies.loggedIn p { margin:10px 10px 10px 21px; text-align:left; } #myCbrCompanies.loggedIn ul { margin-left:35px; } #myCbrCompanies.loggedIn ul.storeFunctions { margin-left:20px; } #myCbrCompanies.loggedIn ul.storeFunctions li { padding-left:30px; } #myCbrCompanies.loggedIn ul.storeFunctions li.favouriteStore, #myCbrCompanies.loggedIn ul.storeFunctions li.recommendStore { padding-top:3px; padding-bottom:3px; } #myCbrCompanies.loggedIn ul.storeFunctions li.favouriteStore { background:url(../images/icon_lieblingsshop.png) no-repeat 0 center; } #myCbrCompanies.loggedIn ul.storeFunctions li.recommendStore { background:url(../images/icon_recommend.png) no-repeat 0 center; margin-bottom:10px; } #myCbrCompanies.loggedIn ul.storeFunctions li.favouriteStore, #myCbrCompanies.loggedIn ul.storeFunctions li.recommendStore { color:#3A3A3A; font-weight:bold; } */ #myCbrCompanies a.button, #myCbrCompaniesPartner a.button { background: #fe7301; border: 2px solid #fe7301; display: block; color: #fff; margin: 0 2px; text-decoration: none; line-height: 23px; padding: 0 12px; } #myCbrCompanies.loggedIn a.button, #myCbrCompaniesPartner a.button { font-size:14px; padding:0 2px; } #myCbrCompanies a.button:hover, #myCbrCompaniesPartner a.button:hover { background: #fff; color: #fe7301; } /** * ------------------------------------------------------------------------------ * content image * ------------------------------------------------------------------------------ */ .contentImage { border:1px solid #B1B1B1; margin:10px 0 16px; } .contentBottomImage { background:url(../images/bg_contentimage.png) no-repeat 0 0; clear:both; margin:10px 0 20px 235px; padding:10px 17px 19px 9px; height:315px; width:719px; } .contentBottomImage img { border:1px solid #cfcfcf; } /** * ------------------------------------------------------------------------------ * store info * ------------------------------------------------------------------------------ */ .storeInfo { margin:20px 0 10px; } .storeAddress { margin:10px 0 20px; } .storeInfo .storeImage { background:url(../images/bg_storeimage.png) no-repeat 0 0; float:left; margin:0 20px 5px 0; padding:10px 13px 15px 9px; height:147px; width:167px; } .storeInfo .storeImage img { border:1px solid #cfcfcf; } .storeInfo .storeText { padding-top:5px; } .storeInfo a, .storeAddress a { text-decoration:none; } .storeInfo a:hover, .storeAdress a:hover { text-decoration:underline; } .storeInfo a.textLink, .storeAddress a.textLink { margin-left:8px; } #googleMaps { margin:10px 0 20px; } #googleMaps iframe { border:1px solid #B1B1B1; } #googleMaps a { color: #ff7300; font-size:10px; } ul.storeEvents { margin:20px 0; } ul.storeEvents li { margin-bottom:20px; } ul.storeEvents .eventImage { background:url(../images/bg_eventimage.png) no-repeat 0 0; float:left; margin:0 20px 5px 0; padding:10px 13px 15px 9px; height:112px; width:127px; } ul.storeEvents .eventImage img { border:1px solid #cfcfcf; } ul.storeEvents .eventText { float:left; width:296px; } .buttonContainer { margin:20px 0; } .buttonContainer a.buttonLink { left:0; margin:0; } /** * ------------------------------------------------------------------------------ * store finder * ------------------------------------------------------------------------------ */ #storeSearchresults { margin:20px 0; } #storeSearchresults h4 { margin-bottom:20px; } #storeSearchresults span.searchTerm { font-weight:bold; } #storeSearchresults ul { margin:16px 0; } #storeSearchresults ul li { padding:4px 0; } #storeSearchresults ul li.even { background-color:#ddd; } #storeSearchresults ul li p.number { float:left; text-align:right; margin:0 7px 0 0; padding:3px 0; width:28px; overflow:hidden; line-height:14px; } #storeSearchresults ul li p.address { float:left; margin:0 5px 0 0; padding:3px 0; width:323px; line-height:14px; } #storeSearchresults ul li .reservation { float: left; margin-right: 6px; cursor: help; } #storeSearchresults ul li p.favouriteStore { background:url(../images/icon_lieblingsshop.png) no-repeat 0 center; padding-left:25px; width:320px; } #storeSearchresults ul li span.city { font-weight:bold; } #storeSearchresults ul li a.linkArrow { background: url(../images/icon_linkarrow.png) no-repeat 0 7px; display:block; float:right; font-weight:bold; padding:3px 0 3px 12px; text-decoration:none; width:68px; } #storeSearchresults ul li a.linkArrow:hover { background-position: 0 -12px; } /** * ------------------------------------------------------------------------------ * richtext elements * ------------------------------------------------------------------------------ */ #content .richtext { } #content .richtext h1, #gewinnspiel_ball h2 { background:none; color:#FF7300; display:block; float:none; font-size:20px; font-weight:400; height:auto; line-height:24px; width:auto; margin-bottom:16px; } #content .richtext h2 { background:none; color:#FF7300; display:block; float:none; font-size:18px; font-weight:400; height:auto; line-height:22px; margin-left:0; width:auto; margin-bottom:16px; } #content .richtext h4, #content .richtext h5, #content .richtext h6 { color:#FF7300; font-size:12px; font-weight:bold; margin-bottom:10px; } #content .richtext ul { list-style-type:disc; margin:10px 20px; } #content .richtext ol { list-style-type:decimal; margin:10px 20px 10px 28px; } #content .richtext ul li, #content .richtext ol li { padding-bottom:5px; } #content .richtext table { border-collapse:collapse; margin-bottom:16px; } #content .richtext table th, #content .richtext table td { border:1px solid #b1b1b1; padding:3px 5px; vertical-align:top; } #content .richtext table th { background-color:#DDD; font-weight:bold; } #content .richtext img { border:1px solid #B1B1B1; margin:10px 0 16px; } /** * ------------------------------------------------------------------------------ * CBR Weiterempfehlen Landingpage * ------------------------------------------------------------------------------ */ .survey_box { margin: 10px 15px 20px 25px; padding: 10px 15px 10px; background: #dedede; } .survey_box .survey-radios { position: relative; margin-bottom: 30px; padding-bottom: 9px; background: url(../images/gradient_survey.gif) 10px bottom no-repeat; } /* alle IE: */ .survey_box .survey-radios { background: url(../images/gradient_survey.gif) 8px bottom no-repeat\9 } .survey_box .survey-radios li { float:left; width: 15px; margin-right: 21px; } .survey_box .survey-radios li.lastChild { margin-right: 0; } .survey_box .survey-radios li label { padding-left: 7px; } .survey_box .propability-low { color: #af2b00; position: absolute; bottom: -15px; left: 10px; font-size: 11px; } .survey_box .propability-high { color: #04642f; position: absolute; bottom: -15px; right: 16px; font-size: 11px; } .survey_box h3 { color: #5a5959; font-size: 12px; font-weight: bold; margin-bottom: 7px; } .survey_box .formBottom { padding: 0; } .survey_box #survey-comment { margin-top: 10px; width: 375px; } .survey_box .survey-comment { display: block; padding-top: 10px; } #landingpage .Lp_Content h1.subtitle.sublong { width:379px; } /** * ------------------------------------------------------------------------------ * Footer * * @subsubsection footer * ------------------------------------------------------------------------------ */ #partner { background: url(../images/bg_bottom.png) no-repeat 0 bottom; min-height: 70px; color: #fff; padding: 13px 28px 28px 28px; /* -- FIXES in screen_ie6 ! -- */ } .partnerPage #partner { background: url(../images/bg_bottom_partnerpage.png) no-repeat 0 bottom; } #partner a { font-weight: 300; text-decoration: none; padding: 2px 16px; } #partner a:hover, #partner a.active { color: #fff; } #partner li, #partner ul, #partner h3 { display: inline; font-size: 16px; white-space: nowrap; letter-spacing: -1px; } .cufon-active #partner li, .cufon-active #partner ul, .cufon-active #partner h3 { font-size: 18px; } #partnerContent { font-size: 12px; margin-top: 5px; } #partnerContent p { line-height:16px; } #footer { background:url(../images/bg_footer.png) repeat-y 0 0; color: #fff; font-size: 12px; padding: 0 13px; padding-bottom: 20px; clear: both; } .partnerPage #footer { background:none; } #footer .row { width: 180px; float: left; padding-top: 25px; position: relative; } #footer p.copyright { padding-top: 0; margin-left:13px; width: 242px; } #footer h4 { position: absolute; top: 0; left: 0; color: #7f7f7f; margin-bottom: 15px; font-size: 12px; font-weight: bold; } .partnerPage #footer h4 { color:#373737; } #footer a { display: block; color: #fff; margin-bottom: 5px; padding: 2px; text-decoration: none; } #footer a:hover, #footer a:focus { background: #fff!important; color: #ff7300!important; } #footer a.active { background: #fff!important; color: #ff7300!important; } #footerBottom { background:url(../images/bg_footer_bottom.png) no-repeat 0 0; height:50px; } /** * ------------------------------------------------------------------------------ * Forms * * @subsubsection forms * ------------------------------------------------------------------------------ */ /* content form margins */ #storeForm { margin-bottom: 25px; } #storeForm input.smt { margin:0; width: 82px; } #profileDataForm { position: relative; } #lostPasswordForm { margin: 30px 0 60px 0; } .js #lostPasswordForm { margin: 0 0 60px 0; } .formBox #lostPasswordForm, .formBox #lostPasswordForm2 { margin: 0 0 5px 0 !important; } #content .formRight { float: left; width: 400px; } #registrationAdvLink, #profileDataDisplay, .js #profileDataEdit, #cancelEditProfile, #cancelEditPassword, #editPassword, .js #lostPasswordInner, .js #lostPasswordInner2, .js #content .formRight, .js #content #editPasswordForm, #passwordStrength, .js #content #cancelNewsLetterWhyForm, .js #cancelNewsletter #submitNewsletter, .js #content #deleteProfileModalForm, #deleteProfileModalReasons, #mainContentRight #submitReservationNoFS { display: none; float: none; } #cancelEditProfile, #cancelEditPassword { float: left; } .js #profileDataDisplay, #profileDataEdit, .js #cancelEditProfile, .js #cancelEditPassword, .js #registrationAdvLink { display: block; } .formRight, #editPasswordForm, #cancelNewsLetterWhyForm { width: 520px; } .js #editPassword { display: block; margin: 10px 0 15px 160px; } #content #editPasswordForm { width: auto; } .js #passwordStrength { display: block; float: left; width: 83px; font-size: 11px; margin-left: 7px; font-style: italic; } #passwordStrength span { display: block; padding: 1px 2px; } .password_strength_1 { background-color: #fcb6b1; } .password_strength_2 { background-color: #fccab1; } .password_strength_3 { background-color: #fcfbb1; } .password_strength_4 { background-color: #dafcb1; } .password_strength_5 { background-color: #bcfcb1; } .newsletterFormSuccess { border: 1px solid #3a3a3a; padding: 20px; } .js .newsletterFormSuccess { display: none; } .formBottom { padding: 40px 0; } /* Formatierung f�r die AGB-Checkbox & Label */ #mainContent .formBottom div.radios label { display: block; width: auto; padding-left: 39px; text-indent: -25px; background-position: 0 8px; } #newsletterService .formBottom, #favouriteStore .formBottom, #deleteProfileForm .formBottom, #deleteProfileModalForm .formBottom { padding: 10px 0; } #registrationAdvantages .formBottom { padding:20px 0 0; } #deleteProfileForm { border-top: 2px solid #a6a6a6; } #defineFavouriteStoreLayer .lightboxContent, #changeFavouriteStoreLayer .lightboxContent { padding-bottom:30px; } #defineFavouriteStoreLayer .lightboxContent p, #changeFavouriteStoreLayer .lightboxContent p { margin-bottom:10px; } #defineFavouriteStoreLayer .lightboxContent .formBottom, #changeFavouriteStoreLayer .lightboxContent .formBottom { margin-left:-5px; padding:15px 0 0; } .newsletterAbo img, .favouriteStore img, #deleteProfileForm img { position: relative; top: 5px; } /* form row */ form .row { margin-bottom: 5px; } form .row p { padding-left:5px; } #profileDataDisplay dl { margin-left: 10px; } form .additionalRecipient { margin-top:25px; } /* form row special: online reservation */ form .row.reservation { padding-left: 150px; } form .row.reservation input { float: left; } form .row.reservation label { background: url(../images/icon_reservation.png) top left no-repeat; padding: 0 0 0 28px !important; margin:0 0 0 10px; width:159px; } form .row.intended { padding-left:160px; width:220px; } /* label */ form .row label, form .row .fakeLabel, #profileDataForm dt { width: 140px; display: block; float: left; padding: 5px 0 5px 10px; margin-right: 10px; } #storeForm .row label, #profileDataForm dt { padding: 5px 0; } #profileDataForm dd { display: block; padding: 5px 0; width: 290px; float: right; text-align: left; } form .radios label { width: auto; display: inline; float: none; padding: 0 10px 0 0; margin-right: 0; } #profileDataForm label#displayUsername { padding-left:0 !important; } /* label validation classes */ form .row label.error, .formLeft .error { width: auto; display: block; float: none; padding: 5px 0 5px 10px; margin-right: 0; color: #d00; clear: both; height: auto; overflow: inherit; } form .row label.valid { height: 0px; overflow: hidden; display: inline; } form .row label.required { background: url(../images/bg_form_required.png) right 10px no-repeat; padding-right:10px; width:130px; } form .radios label.required { padding-left: 13px; background: url(../images/bg_form_required.png) 0 4px no-repeat; } /* text input fields */ form .row .txt { background: #e1dcd9; border: 1px solid #ff7300; padding: 5px 2px; width: 209px; display: block; float: left; } form .row .txt:focus { background: #fff; border: 1px solid #ff7300; } form .row .disabled { background:none; color:#404040; border:0; } form .radios .txt { float: none; display: inline; } form .row textarea.txt { height: 150px; } /* radio input fields */ form .radios input { position: relative; top: 3px; left: -3px; } /* radio input field validation classes */ form .radios input.valid, form .radios input.error { background:none !important; } /* input field validation classes */ form .row input.valid { background: url(../images/bg_form_valid.png) 190px center no-repeat; border: 1px solid #388e46; } form .row input.error { background: url(../images/bg_form_invalid.png) 190px center no-repeat; } form .row input.txt.valid, form .row input.txt.error { padding-right:27px; width:184px; } /* special input fields (zip/place, stree/number etc...) */ form .date input.day, form .date input.month { width: 43px; margin-right: 10px; } form .date input.year { width: 91px; } form .streetNumber input.street { width: 140px; margin-right: 10px; } form .streetNumber input.number { width: 53px; } form .zipPlace input.zip { width: 60px; margin-right: 10px; } form .zipPlace input.place { width: 133px; } /* special input fields (zip/place, stree/number etc...) validation classes */ form .zipPlace input.zip.error, form .zipPlace input.zip.valid { background-position: 41px center; width:35px; } form .zipPlace input.place.error, form .zipPlace input.place.valid { background-position: 114px center; width:108px; } form .date input.day.error, form .date input.day.valid, form .date input.month.error, form .date input.month.valid { background-position: 24px center; width: 18px; } form .date input.year.error, form .date input.year.valid { background-position: 72px center; width: 66px; } form .streetNumber input.street.error, form .streetNumber input.street.valid { background-position: 121px center; width: 115px; } form .streetNumber input.number.error, form .streetNumber input.number.valid { background-position: 34px center; width: 28px; } /* form buttons */ form .row .smt, a.buttonLink { background: #ff7300; padding: 5px 10px; font-family:verdana,arial,helvetica,sans-serif; font-weight: bold; font-size: 14px; color: #fff; border: none; position: relative; left: 7px; cursor: pointer; text-decoration: none; margin-right: 10px; } a.buttonLink.small { font-size:12px; background:#858585; } a.buttonLink.small:hover { background:#9e9e9e; } form .row .smt:hover, a.buttonLink:hover { background: #f9ad6f; } form .formBottom .row .smt, form .row a.buttonLink { float: right; margin-top: 10px; } form .formBottom .row .back { float: left; } #addRecipient { display:none; } .js #addRecipient { display:block; } /* login forms */ #loginFormOuter form .row input.txt { width:186px !important; } #loginFormOuter form .row input.valid, #loginFormOuter form .row input.error { background-position: 167px center; width:161px !important; } #loginFormOuter form .row .smt { width:106px; margin:0; } #loginFormOuter form .row #passwordStrength { width: 106px; } /* two columns form (login) */ div.firstCol, div.secondCol { float:left; width:437px; } div.firstCol { margin-right:40px; } #containerLoginForm { margin:25px 0; } #containerLoginForm form .row input.txt, #containerNewsletterForm form .row input.txt { width:158px !important; } #containerLoginForm form .row input.valid, #containerLoginForm form .row input.error, #containerNewsletterForm form .row input.valid, #containerNewsletterForm form .row input.error { background-position: 139px center; width:133px !important; } #containerLoginForm div.firstCol form .formBottom, #containerNewsletterForm div.firstCol form .formBottom { padding:0; } #containerLoginForm div.firstCol form .row .smt { margin-right:0; margin-top:5px; left:0; } #containerNewsletterForm div.firstCol form .row .smt { margin:0; left:0; float:right; } #containerLoginForm div.secondCol form .row .smt, #containerNewsletterForm div.secondCol form .row .smt, #containerNewsletterForm div.firstCol form .row .smt { width:106px; margin:0; } #containerNewsletterForm div.secondCol .buttonContainer a.buttonLink { float:right; } #containerNewsletterForm div.secondCol ul { list-style-type:disc; margin:10px 20px; } #containerNewsletterForm div.secondCol ul li { padding-bottom:5px; } /* captchas */ .captcha { line-height: 37px; } .captcha img { float: left; } .captcha p.infotext { clear: both !important; line-height: 1.2; } /* error messages and text hints */ .errormessage { margin: 10px 0; clear: both; color: #d00; background: url(../images/bg_form_invalid.png) 5px 5px no-repeat; } .errormessage p { clear: both; padding: 5px 20px 10px 30px !important; margin-bottom:10px !important; } .infotext, .helptext { margin: 15px 0 5px !important; font-size: 11px; font-style: italic; padding: 10px 3px 3px 30px !important; background: url(../images/bg_form_info.png) 5px 10px no-repeat; min-height:18px; border-top:1px dotted #b2b2b2; } .helptext { background-image: url(../images/bg_form_help.png); } .infotext.noBorder, .helptext.noBorder { border-top:none; padding-top: 3px !important; margin-top:5px !important; background-position: 5px 3px; } .formBox { border:1px solid #ccc; margin-bottom:15px; padding:10px; } .formBox .buttonContainer { margin-bottom:5px; } form h4, #lostPasswordText, #lostPasswordText2, h4.formBoxHeadline { background:#CCC; padding: 4px 10px; font-size:16px; color: #383838; margin: 20px 0 10px; } h4.formBoxHeadline { margin:0; } .partnerPage form h4, .partnerPage #lostPasswordText, .partnerPage #lostPasswordText2 { background: #5a5a5a; color: #fff; } .js .formLink, .js #lostPasswordText, .js #lostPasswordText2 { display: block; margin: 0 0 0 140px; background: transparent; padding: 0; font-size: 12px; } form h5 { font-size: 12px; font-weight: bold; margin: 10px 0 5px; } #cancelLostPassword { display: none; } .js #cancelLostPassword { display: block; } #lostPasswordFeedback h5 { font-size:12px; font-weight:bold; margin:0 0 10px; } #deleteProfileFeedback p, #deleteProfileFeedback h5, #deleteProfileFeedback div.radios, .partnerPage #loginForm p, .partnerPage #lostPasswordForm p, .partnerPage #lostPasswordForm h5, .partnerPage #lostPasswordForm #cancelLostPassword { padding-left:10px; } .partnerPage #lostPasswordForm p#lostPasswordText, .partnerPage #lostPasswordForm #cancelLostPassword { margin-left:150px; } p.noFormContent { padding-left:0 !important; } #eventRegistration input#confirmRegistration, #newsletterService input#acceptNewsletter { float:left; margin:0 10px 0 13px; } #registerForm input#acceptNewsletter { float:left; margin:0 7px 0 17px; } #eventRegistration label#confirmRegistrationLabel, #registerForm label#acceptNewsletterLabel, #newsletterService label#acceptNewsletterLabel { float:left; width:410px; } #eventRegistration label#confirmRegistrationLabel { padding-bottom:10px; } #loginForm .row label, #loginForm2 .row label, #newsletterForm .row label, #lostPasswordForm .row label, #lostPasswordForm2 .row label { padding-left:0; } #loginForm .row label.required, #loginForm2 .row label.required, #newsletterForm .row label.required, #lostPasswordForm .row label.required, #lostPasswordForm2 .row label.required { width:120px; } .partnerPage #loginForm .row label, .partnerPage #lostPasswordForm .row label { padding-left:10px; } .partnerPage #loginForm .row label.required, .partnerPage #lostPasswordForm .row label.required { width:130px; } /*lightbox content*/ #newsletterMessage { width:450px; } /* sexycombo styles: jQuery replacement for standard select boxes */ .sexy { white-space: nowrap; height: 27px; width: 213px; float: left; position: relative; line-height: 27px; background: #e1dcd9; border: 1px solid #ff7300; height: 27px; } .sexy .invisible { display: none; } div.sexy input { width: 213px; background: transparent; border: none; padding-left: 5px; cursor: pointer; } div.sexy input.valid { border: none; } .sexy .icon { width: 27px; height: 28px; border: 0; background: transparent url(../images/bg_dropdown.png) no-repeat 0 0; cursor: pointer; top:0; left: 186px; z-index: 999; position: absolute; } .sexy .list-wrapper { left: 0; top: 27px; border: 1px solid #ff7300; background: #E1DCD9; width: 213px; bottom: auto; margin-left: -1px; } .list-wrapper ul li.visible { list-style-type:none!important; } .sexy .list-wrapper-up { top: auto; bottom: 27px; } #mainContent .sexy ul { list-style-type: none; padding: 0; margin: 0; height: 200px; } #mainContent .sexy li { padding: 0 0 0 5px; cursor: pointer; margin: 0; line-height: 21px; } .sexy li:hover { background: #FF7300; color: #fff; } /*for IE*/ div.sexy a, div.sexy a:visited, div.sexy a:active { display: block; width: 100%; width: 213px; text-decoration: none; cursor: pointer; margin: 0; height: 27px; } a.to-highlight:hover { background-color: rgb(223, 232, 246); } /* custom checkboxes */ .checkbox, .radio { width: 18px; height: 17px; background: url(../images/custom_checkboxes.gif) no-repeat; display: block; clear: left; float: left; } .radio { background: url(radio.gif) no-repeat; } .select { position: absolute; width: 158px; /* With the padding included, the width is 190 pixels: the actual width of the image. */ height: 21px; padding: 0 24px 0 8px; color: #fff; font: 12px/21px arial,sans-serif; background: url(select.gif) no-repeat; overflow: hidden; } /* landingpage */ #landingpage { margin: 20px 13px 0 13px; background: #f2f2f2 url(../images/bg_shadow_content.png) 0 0 repeat-y; position: relative; z-index: 2; min-height: 615px; } #landingpage .lp_content { width:450px; margin-top:38px; float:left; } #landingpage .lp_images img { width:540px; /* height:604px; */ margin-top:9px; } #landingpage .lp_content h1.subtitle { background:#5A5959 url(../images/bg_shadow_subtitle.png) repeat-y 0 0; color:#FFF; display:block; float:none; font-size:30px; font-weight:300; height:auto; line-height:34px; margin:0; width:179px; font-family:"Myriad Pro",verdana,arial,Helvetica,sans-serif; padding:10px 8px 8px 38px; -o-box-shadow: 3px 4px 4px rgba(0, 0, 0, .5); -moz-box-shadow: 3px 4px 4px rgba(0, 0, 0, .5); -webkit-box-shadow: 3px 4px 4px rgba(0, 0, 0, .5); -khtml-box-shadow: 3px 4px 4px rgba(0, 0, 0, .5); box-shadow: 3px 4px 4px rgba(0, 0, 0, .5); } #landingpage .lp_content h2 { font-weight: 400; line-height: 24px; width: 450px; color: #FF7300; font-size: 24px; padding:23px 0 0 15px; text-transform:none; } #landingpage .lp_content div.text { color:#373737; padding:10px 15px 0 15px; font-size:12px; line-height:20px; } #landingpage .lp_content .smalltxt { color:#373737; font-size:10px; line-height:12px !important; } #landingpage .lp_content div.text p { padding-bottom:10px; } /* landingpage 2010-09 */ #landingpage .v2010-09 { width:auto; float:none; margin:0; padding-top:38px; } #landingpage .v2010-09 h1.subtitle { margin-bottom:30px; } #landingpage .v2010-09 h2 { width:auto; padding-top:0; } #landingpage .v2010-09 div.text { width:640px; margin-bottom:20px; } #lp_threeOutfits { margin:0 0 30px 15px; } #lp_threeOutfits li { float:left; width:320px; font-family:"Myriad Pro", Tahoma, Arial, Helvetica, sans-serif; } #lp_threeOutfits li img { margin-bottom:3px; } #lp_threeOutfits li p { font-size:17px; line-height:17px; float:left; padding:0 10px 0 3px; width:170px; } #lp_threeOutfits li .price { float:left; font-weight:bold; font-size:36px; line-height:0.8; position:relative; padding:0 20px 0 0; display:block; margin-top:3px; } * html .js #lp_threeOutfits li .price { margin-top:0; } * + html .js #lp_threeOutfits li .price { margin-top:0; } #lp_threeOutfits li .price sup { position:absolute; top:5px; right:0; font-weight:normal; font-size:18px; line-height:14px; } /* � replacement :( */ #lp_threeOutfits li .price { padding-right:24px; } .js #lp_threeOutfits li .price sup { background:url(../../userfiles/landingpage/2010_09/euro.gif) right 2px no-repeat; padding-right:10px; top:0px; } * html .js #lp_threeOutfits li .price sup { top:4px; } * + html .js #lp_threeOutfits li .price sup { top:4px; } .js #lp_threeOutfits li .price sup span { display:none; } /* Gewinnspiel: Ein Ball geht auf Reisen */ .gewinnspiel_ball #fancybox-outer { background: #f2f2f2; } .gewinnspiel_ball #fancybox-outer.white { background: #fff; } #gewinnspiel_ball { margin: 20px 13px 0 13px; background: #f2f2f2 url(../images/bg_shadow_content.png) 0 0 repeat-y; position: relative; z-index: 2; } #gewinnspiel_ball .lp_content { width:450px; margin-top:38px; float:left; } #gewinnspiel_ball .lp_raffle { width:540px; margin-top:9px; float: left; background: url(../images/bg_raffle.png) 0 0 no-repeat; } .lp_raffle h3 { padding: 35px 25px 15px 25px; color: #fff; font-size: 22px; font-weight: normal; } #raffle_gallery h3 { padding-top: 10px; } #gewinnspiel_ball .subtitle { white-space: nowrap; background:#5A5959 url(../images/bg_shadow_subtitle.png) repeat-y 0 0; color:#FFF; display:block; float:none; font-size:30px; font-weight:300; height:auto; line-height:34px; margin:0; width:179px; font-family: "Myriad Pro",verdana,arial,Helvetica,sans-serif; padding:10px 8px 8px 38px; -o-box-shadow: 3px 4px 4px rgba(0, 0, 0, .5); -moz-box-shadow: 3px 4px 4px rgba(0, 0, 0, .5); -webkit-box-shadow: 3px 4px 4px rgba(0, 0, 0, .5); -khtml-box-shadow: 3px 4px 4px rgba(0, 0, 0, .5); box-shadow: 3px 4px 4px rgba(0, 0, 0, .5); width:316px; } #gewinnspiel_ball .lp_content .text { color:#373737; padding:10px 15px 0 15px; font-size:12px; line-height:20px; } #raffle_logo { position: absolute; right: 2px; top: 20px; } #raffle_gallery { background: #008bcf; margin: -2px 1px 1px 1px; width: 540px; height: 225px; overflow: hidden; } .galleryRow { margin-left: 14px; } .hidden { display: none; } .galleryRow li { width: 114px; height: 80px; margin-right: 18px; background: #fff; float: left; padding: 3px 0 13px 0; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3); -khtml-box-shadow: 0 0 8px rgba(0,0,0,0.3); box-shadow: 0 0 8px rgba(0,0,0,0.3); text-align: center; } .galleryRow li:hover { -webkit-box-shadow: 0 0 8px rgba(255,255,255,0.5); -moz-box-shadow: 0 0 8px rgba(255,255,255,0.5); -khtml-box-shadow: 0 0 8px rgba(255,255,255,0.5);; box-shadow: 0 0 8px rgba(255,255,255,0.5); } .galleryRow .last { margin-right: 0; } .galleryRow li img { border: 1px solid #b7b6ba; } .winners li { position: relative; padding: 4px 4px 17px 4px; margin-right: 24px; } .winners li span { background: #008bcf; border: 3px solid #fff; width: 44px; height: 44px; -moz-border-radius: 44px; -webkit-border-radius: 44px; -khtml-border-radius: 44px; border-radius: 44px; color: #fff; font-size: 17px; line-height: 44px; text-align: center; position: absolute; bottom: 0; right: -5px; text-decoration: none !important; } #open_raffle img { margin: 0 1px; } #raffle_all_images { display: block; color: #fff; float: right; font-size: 16px; padding: 18px; background: url(../images/raffle_arrow_all_images.png) 0 20px no-repeat; text-decoration: none; } #raffle_gallery_content { height: 330px; width: 538px; overflow: hidden; margin-top: 20px; position: relative; } #raffle_gallery_inner { width: 538px; height: 350px; } .js #raffle_gallery_inner { position: absolute; } .js #raffle_gallery_inner ul { width: 9999em; margin-bottom: 14px; } .nojs #raffle_gallery_inner { overflow-x: scroll; } .nojs #raffle_gallery_inner ul { white-space: nowrap; } .js #rangeinput { margin-top: 20px; } .js #rangeinput .slider { background: url(../images/raffle_rangeinput_bg.png) 0 0 no-repeat; width: 508px; height: 18px; margin-left: 10px; position: relative; margin-bottom: 10px; } .js #rangeinput .slider a { position: absolute; background: url(../images/raffle_rangeinput_slider.png) 0 0 no-repeat; width: 95px; height: 18px; text-decoration: none; } #sliderInput { display: none; } #raffleFormContainer { position: absolute; left: -9999em; } #raffleFormContainer.vis { position: static; } #raffle_image { z-index: 1200 !important; } #raffle_image object { z-index: 1201 !important; } #raffleForm { width: 836px; text-align: left; color: #373737; font-size: 12px; line-height: 20px; } .formRight { float: left; width: 466px; margin-top: 236px; } .formLeft { float: left; width: 283px; margin-top: 256px; } #raffle_header_layer { position: absolute; left: -22px; top: 0; } .formLeft input.file { position: absolute; margin-top: 210px; background: #f2f2f2; border: none; text-align: center; font-weight: normal !important; padding: 0 15px; width: 188px !important; margin-left: 30px !important; display: block !important; height: 30px !important; line-height: 30px !important; border: 1px dotted #ccc !important; } .formLeft label.error { position: absolute; margin: 240px 0 0 20px; width: 220px; } #raffle_image { margin-left: 0 !important; } .js #raffle_gallery_max { display: none; margin-top:60px; } #raffle_action { overflow: hidden; height: 394px; width: 540px; } h3.clickable { cursor: pointer; background: url(../images/raffle_arrow_headline.png) 207px 42px no-repeat; } #galleryLightbox { width: 730px; height: 715px; display: none; } #galleryLightbox-imageholder { margin-top: 22px; height: 480px; position: relative; background: #fff url(../images/loading.gif) center center no-repeat; } #galleryLightbox-imageholder img { border: 3px solid #cdcdcd; } #thumbnails { padding-left: 5px; width: 650px; position: relative; overflow: hidden; margin-left: 37px; z-index: 2000; height: 115px; } #thumbnailsOuter { position: relative; width: 730px; } #thumbnailsOuter .prev { background: url(../images/raffle_layer_btn_prev.png) 0 0 no-repeat; height: 43px; width: 21px; position: absolute; left: 10px; top: 22px; } #thumbnailsOuter .next { background: url(../images/raffle_layer_btn_next.png) 0 0 no-repeat; height: 43px; width: 21px; position: absolute; right: 10px; top: 22px; } #thumbnailsOuter .disabled { display: none; } #thumbnails ul { position: absolute; width: 9999em; white-space: nowrap; } #thumbnails li { border: 1px solid #fff; width: 114px; height: 80px; margin-right: 18px; background: #fff; float: left; padding: 3px 0 13px 0; -webkit-box-shadow: 0 0 8px rgba(0,0,0,0.3); -moz-box-shadow: 0 0 8px rgba(0,0,0,0.3); -khtml-box-shadow: 0 0 8px rgba(0,0,0,0.3); box-shadow: 0 0 8px rgba(0,0,0,0.3); text-align: center; } * html #thumbnails li { border: 1px solid #cdcdcd; } *+html #thumbnails li { border: 1px solid #cdcdcd; } #thumbnails li:hover { border: 1px solid #cdcdcd; -webkit-box-shadow: 0 0 8px rgba(0,139,207,0.5); -moz-box-shadow: 0 0 8px rgba(0,139,207,0.5); -khtml-box-shadow: 0 0 8px rgba(0,139,207,0.5); box-shadow: 0 0 8px rgba(0,139,207,0.5); } #thumbnails li.active { border: 1px solid #7ac2e6; -webkit-box-shadow: 0 0 8px rgba(0,139,207,0.5); -moz-box-shadow: 0 0 8px rgba(0,139,207,0.5); -khtml-box-shadow: 0 0 8px rgba(0,139,207,0.5); box-shadow: 0 0 8px rgba(0,139,207,0.5); } #galleryLightbox-imagefacts { margin: 10px 0 10px 41px; width: 626px; text-align: left; font-size: 12px; border: 1px solid #e6e6e6; padding: 10px; } *+html #galleryLightbox-imagefacts { margin: 10px 0 10px 0; } #galleryLightbox-imagefacts input { border: 1px solid #cdcdcd; color: #cdcdcd; width: 400px; margin-left: 20px; } .editor { border: 2px solid #d00; }