/* Stylesheet für sedialounge.com Version: 0.1 Stand: 13.08.2009 */ select { height: 17px; border: 1px solid #515151; font-size: 11px; } .textfeld { border: 1px solid #a1a1a1; font-size: 10px; height: 15px; } .textarea { border: 1px solid #a1a1a1; font-size: 10px; } a { text-decoration: underline; color: #89745b; } a:hover, a:active, a:focus { color: #fff; } h1, h2, h3, h4, p { text-align: left; } p { margin: 0; } img { border: none; } input.smallsubmit { height: 17px; background: #3d6c94; color: #fff; border: none; font-size: 11px; cursor: pointer; } a.submit, input.submit { text-transform: uppercase; height: 19px; min-width: 120px; width: auto !important; width: 120px; padding: 2px 15px; background: #c28c04 url(grafik/bg_submit.png) left top repeat-x; color: #fff; border: 1px solid #c28c04; font-size: 11px; cursor: pointer; font-weight: bold; text-decoration: none; } * html a.submit, * html input.submit { padding-left: 7px; padding-right: 7px; } .submit:hover, .submit:active, .submit:focus { background: #fff url(grafik/bg_submit_active.png) left top repeat-x; border-color: #fff; color: #000; } .rechts { float: right; display: inline-block; } input.rechts { height: 20px; padding-top: 0px; } .links { float: left; margin: 0 10px 10px 0; } div.fehler { padding: 10px; margin: 10px 0; background: #303030; } h1 { color: #fff; font-size: 22px; margin: 0 0 20px; line-height: 1em; } h2 { font-size: 18px; font-weight: bold; margin-top: 0; color: #fff; } h3 { font-size: 12px; font-weight: bold; margin-top: 0; color: #fff; } h4 { font-size: 12px; font-weight: bold; margin: 0 0 5px; } /* seo hl */ .opthl { height: 1px; margin: 0; padding: 0; text-indent: -9999999px; overflow: hidden; } body { margin: 0; padding: 0; background: #000 url(grafik/bg_header.png) left top repeat-x; color: #fff; font: 12px "Tahoma","Arial","Verdana","Helvetica","Geneva"; line-height: 1.5em; text-align: left; } body.start { background: #000 url(grafik/bg_index.png) left top repeat-x; } body.lightbox { background: #000; background-image: none; padding: 15px; color: #fff; } #bgcontainer { width: 100%; min-height: 100%; height: auto !important; height: 100%; display: table; font-size: 12px; line-height: 1.2em; } #bodycontainer { width: 960px; min-height: 877px; height: auto !important; height: 700px; position: relative; margin: 0 auto; z-index: 2; background: transparent url(grafik/bg_bodycontainer_standard.jpg) left 108px no-repeat; } #header { width: 100%; display: block; height: 108px; position: absolute; top: 0px; left: 0px; background: transparent; } a.logo { width: 231px; height: 48px; position: absolute; left: 10px; top: 28px; z-index: 1000; text-decoration: none; overflow: hidden; } a.logo span { margin: 5000px 0 0; } #stern_klein { position: absolute; right: 0; top: 0; } #navi { width: 950px; height: 24px; position: absolute; top: 84px; left: 316px; margin: 0; padding: 0; list-style: none; float: left; } #navi li { height: 24px; padding: 0; margin: 0; float: left; } #navi li a { height: 18px; padding: 0; margin: 0 15px; float: left; background-position: left top; background-repeat: no-repeat; } #navi li a .navititel, #navi li a .navitext { text-indent: -50000px; } #navi li a span { float: left; cursor: pointer; } #navi li a.start { width: 35px; background-image: url(grafik/b_navi_start.png); } * html #navi li a.start { width: 35px; background-image: url(grafik/b_navi_start.gif); } #navi li a.shop { width: 87px; background-image: url(grafik/b_navi_shop.png); } * html #navi li a.shop { width: 87px; background-image: url(grafik/b_navi_shop.gif); } #navi li a.service { width: 52px; background-image: url(grafik/b_navi_service.png); } * html #navi li a.service { width: 52px; background-image: url(grafik/b_navi_service.gif); } #navi li a.philosophie { width: 81px; background-image: url(grafik/b_navi_philosophie.png); } * html #navi li a.philosophie { width: 81px; background-image: url(grafik/b_navi_philosophie.gif); } #navi li a.kundenstimmen { width: 114px; background-image: url(grafik/b_navi_kundenstimmen.png); } * html #navi li a.kundenstimmen { width: 114px; background-image: url(grafik/b_navi_kundenstimmen.gif); } #navi li a:hover, #navi li a:active, #navi li a:focus, #navi li a.active { border-bottom: 6px solid #89745b; background-position: left -20px; } /* footer */ #bodycontainer_footer { min-width: 1010px; width: 100%; min-height: 33px; height: auto !important; height: 33px; clear: both; margin: 0 auto; } #footer, .footer { width: 960px; height: 90px; display: block; clear: both; padding: 25px 0; margin: 20px auto; position: relative; font-size: 11px; color: #4e4e4e; border-top: 1px solid #4e4e4e; } #footer_links { width: 295px; padding: 0; float: left; } #footer_navi { width: 610px; float: right; } #footer_navi ul { width: 610px; list-style: none; margin: 0; padding: 0; } #footer_navi ul li { margin: 0; padding: 0 10px 0 10px; float: right; border-right: 1px solid #4e4e4e; color: #4e4e4e; } #footer_navi ul li.last { border: none; } #footer a { color: #4e4e4e; } #footer a:hover, #footer a:focus, #footer a:active, .footer a:hover, .footer a:focus, .footer a:active { color: #fff; } .footer textarea { } #textblocks { list-style: none; margin: 30px 0; padding: 0; color: #a2a2a2; line-height: 1.5em; } #textblocks li { width: 220px; margin: 0 10px; float: left; } #textblocks li h2 { font-size: 12px; color: #fff; } #textblocks li p { font-size: 10px; color: #a2a2a2; } /* login / register */ .form_row { display: block; clear: both; padding: 1px 0 0; margin: 0; } label { width: 170px; margin: 0 10px 10px 0; float: left; clear: both; display: block; text-align: right; } span.login { margin: 0 20px 0 0; } .login_pw_vergessen { text-decoration: underline; } .form_info { display: block; clear: both; padding: 0 0 15px 180px; font-size: 12px; } #loginfeld_loginstatus { width: 500px; margin: 5px 0 0; } /* unterseiten */ #contentcontainer { width: 960px; min-height: 700px; height: auto !important; height: 700px; margin: 109px 0 0; padding: 40px 0 0; position: relative; display: table; font-size: 12px; line-height: 1.5em; } #bodycontainer.service { background-image: url(grafik/bg_service.jpg); } #bodycontainer.philosophie { background-image: url(grafik/bg_philosophie.jpg); } #content { width: 620px; min-height: 700px; height: auto !important; height: 700px; margin: 0 10px 70px 0; float: right; position: relative; z-index: 4; } * html #content { margin-right: 0px; } #content h1 a { color: #fff; } .sidebar { width: 220px; min-height: 440px; position: relative; } #sidebar_left { position: absolute; top: 150px; left: 10px; } /*float: left; margin: 0 0 0 10px;*/ /* #sidebar_left { float: left; margin-left: 10px; } */ #sidebar_left .sidebar_box { display: table; padding: 15px 20px; background-image: url(grafik/bg_artikelkategorien.png); } #sidebar_left .sidebar_box form { padding: 0 15px; } #sidebar_left .sidebar_box form select, #sidebar_left .sidebar_box form input { width: 150px; font-size: 11px; } #sidebar_left #shopnavi { list-style: none; display: block; margin: 0; padding: 0; } #sidebar_left #shopnavi li { width: 180px; display: block; float: left; margin: 0; padding: 0; } #sidebar_left #shopnavi li a { display: block; padding: 2px 15px; color: #fff; text-decoration: none; } #sidebar_left #shopnavi li a:hover, #sidebar_left #shopnavi li a:focus, #sidebar_left #shopnavi li a:active, #sidebar_left #shopnavi li a.active { background-image: url(grafik/bg_artikelkategorien_active.png); } * html #sidebar_left #shopnavi li a:hover, * html #sidebar_left #shopnavi li a:focus, * html #sidebar_left #shopnavi li a:active, * html #sidebar_left #shopnavi li a.active { color: #000; background: #fff; } #sidebar_left #shopnavi li a.active { font-weight: bold; } h2.sidebar_slogan { width: 240px; height: 78px; position: absolute; left: 10px; bottom: 20px; text-indent: -10000px; background: transparent url(grafik/bauhaus-modern-style-design-classics.png) left top no-repeat; } #miniwarenkorb_box .leer { padding: 0 15px; color: #b7b7b7; font-size: 11px; font-style: italic; } #miniwarenkorb_box h3 { margin: 0; } #miniwarenkorb_box #miniwarenkorb { width: 180px; list-style: none; margin: 0; padding: 0 15px 0 0; font-size: 10px; line-height: 1.2em; } #miniwarenkorb_box #miniwarenkorb li { display: block; clear: both; margin: 0; position: relative; } #miniwarenkorb_box #miniwarenkorb li a { padding: 5px 15px 0; display: block; float: left; border-top: 1px solid #c0c0c0; text-decoration: none; } #miniwarenkorb_box #miniwarenkorb li a:hover, #miniwarenkorb_box #miniwarenkorb li a:focus, #miniwarenkorb_box #miniwarenkorb li a:active { background: #000; color: #fff; } #miniwarenkorb_box #miniwarenkorb li.first a { border: none; } #miniwarenkorb_box #miniwarenkorb li a .imgbox { width: 42px; height: 41px; margin: 0 10px 5px 0; padding: 0; display: block; float: left; text-align: center; vertical-align: middle; line-height: 40px; background: #fff; border: 1px solid #e7e7e7; position: relative; } #miniwarenkorb_box #miniwarenkorb li a .imgbox img { margin: 0; vertical-align: middle; border: none; } #miniwarenkorb_box #miniwarenkorb li .titel { text-decoration: underline; } #miniwarenkorb_box #miniwarenkorb li .einzelpreis { margin: 0 0 7px; padding: 0; float: left; clear: both; } #miniwarenkorb_box #miniwarenkorb li .gesamtpreis { margin: 0; padding: 0; float: right; font-weight: bold; text-align: right; } #miniwarenkorb_box #miniwarenkorb li.gesamt { padding: 5px 15px; margin: 0; border-top: 1px solid #c0c0c0; font-weight: bold; font-size: 12px; } #miniwarenkorb_box #miniwarenkorb li.gesamt .titel { text-decoration: none; } #miniwarenkorb_box #miniwarenkorb li.gesamt .ust { padding: 3px 0 15px; display: block; clear: both; font-size: 10px; font-weight: normal; text-align: right; } #miniwarenkorb_box .submit { margin: 0 0 0 40px; } #sidebar_right { float: right; padding: 0 0 20px 0; margin: 0 0 0 20px; } .sidebar .sidebar_box { display: block; margin-bottom: 60px; } .sidebar h3 { padding: 0 15px 5px; margin: 0 0 10px; border-bottom: 1px solid #4e4e4e; } .sidebar p { padding: 0 15px 5px; font-size: 12px; } /* startseite */ #bgcontainer.start { height: auto; background-image: none; } #bodycontainer.start { height: auto; background-color: transparent; background-image: none; } #contentcontainer.start { display: block; min-height: 250px; height: auto !important; height: 250px; padding: 750px 0 0; margin: 0; background: transparent url(grafik/bg_index_pic.jpg) left 37px no-repeat; } #contentcontainer.start h1 { margin: 0 10px; font-size: 22px; color: #89745b; } #whitebar { width: 100%; height: 176px; position: absolute; top: 534px; left: 0; color: #000; } #whitebar #navi { width: 540px; top: 0; left: 0; } #whitebar #navi li a { margin-top: 6px; padding-top: 6px; background-position: left 6px; } #whitebar #navi li a:hover, #whitebar #navi li a:active, #whitebar #navi li a:focus, #whitebar #navi li a.active { margin-top: 0; border-top: 6px solid #89745b; border-bottom: none; background-position: left -14px; } #whitebar a.logo { left: 90px; top: 70px; } #sediatour_box { width: 470px; height: 131px; margin: 45px 0 0; float: right; } #sediatour_title { width: 380px; height: 30px; position: absolute; left: 536px; top: 25px; margin: 0; padding: 0; text-align: center; text-indent: -50000px; background: transparent url(grafik/take-a-tour-on-sedialounge.gif) left top no-repeat; } /* schneidet bei aktiviertem javascript die jcarousel elemente abnr. 3 ab... #sediatour { width: 425px; height: 111px; padding: 0 0 0 40px; float: right; list-style: none; overflow: hidden; } #sediatour li { width: 126px; height: 111px; margin: 0 5px 0 0; background: transparent url(grafik/jcarousel-sediatour-item-bg.png) left top; text-align: center; float: left; vertical-align: middle; line-height: 69px; } #sediatour li a img { margin: 0; padding: 0; border: none; vertical-align: middle; } */ #bodycontainer.start #header { height: 37px; } #stern_gross { position: absolute; right: 0; top: 5px; } #bodycontainer.start p { height: 100%; padding: 5px 0 0; color: #a2a2a2; } #bodycontainer.start input { margin: 0 0 0 10px; font-size: 11px; border: 1px solid #a2a2a2; background: #565656; color: #a2a2a2; } #bodycontainer.start input:hover, #bodycontainer.start input:active, #bodycontainer.start input:focus { border-color: #fff; color: #fff; } #bodycontainer.start #loginbutton { cursor: pointer; text-transform: uppercase; font-weight: bold; } /* errorbox und messagebox */ #messagebox { width: 95%; min-height: 100px; margin: 20px 0; padding: 15px 15px 15px 80px; display: table; color: #505050; } #messagebox.error { background: #e1e1e1 url(grafik_admin/icon_error.png) 10px 10px no-repeat; border: 3px solid red; } #messagebox.message { background: #e1e1e1 url(grafik_admin/icon_message.png) 10px 10px no-repeat; border: 3px solid #307c24; } #messagebox h2 { display: block; padding: 0 0 10px; font: bold 13px "Tahoma","Arial","Verdana","Helvetica","Geneva"; } #messagebox ul { list-style: none; } #messagebox ul li { display: block; margin: 0 0 3px; } /* shop kategorieuebersicht */ #kategorieauswahl { list-style: none; display: block; margin: 0; padding: 0; } #kategorieauswahl li { width: 150px; height: 175px; margin: 0 41px 0 0; padding: 0; position: relative; float: left; } #kategorieauswahl li a { width: 140px; height: 120px; display: block; padding: 0; text-decoration: none; color: #fff; font-size: 12px; font-weight: bold; text-align: center; border: 5px solid #89745b; overflow: visible; } #kategorieauswahl li a:hover, #kategorieauswahl li a:active, #kategorieauswahl li a:focus { border-color: #c28c04; color: #c28c04; background: #fff; } #kategorieauswahl li a .imgbox { height: 120px; margin: 0 0 5px; display: block; text-align: center; vertical-align: middle; line-height: 117px; background: #000; } #kategorieauswahl li a .imgbox img { vertical-align: middle; border: none; } /* shop artikeluebersicht */ .pagelinks { width: 100%; height: 45px; float: right; text-align: right; color: #89745b; } .pagelinks .vorzurueck { font-weight: bold; } .pagelinks .pagelink { padding: 0 4px; font-weight: bold; border: 1px solid #89745b; background: #000; text-decoration: none; } .pagelinks .pagelink:hover, .pagelinks .pagelink:active, .pagelinks .pagelink:focus, .pagelinks .active, .pagelinks span.pagelink { border: 1px solid #89745b; background: #89745b; color: #000; } #itemslist { list-style: none; display: block; margin: 0 0 0 -26px; padding: 0; } * html #itemslist { width: 673px; margin-left: -54px; } #itemslist li { width: 188px; height: 305px; margin: 0 0 27px 27px; padding: 0; position: relative; float: left; } * html #itemslist li { margin-left: 27px; } #itemslist li a { width: 158px; height: 275px; display: block; padding: 10px; background: #fff; text-decoration: none; font-size: 11px; line-height: 1.2em; border: 5px solid #89745b; } #itemslist li a:hover, #itemslist li a:active, #itemslist li a:focus { border-color: #c28c04; color: #000; } #itemslist li a .imgbox { height: 120px; display: block; text-align: center; vertical-align: middle; line-height: 118px; background: #fff; border: 1px solid #e7e7e7; } #itemslist li a .imgbox img { vertical-align: middle; border: none; } #itemslist li a strong { height: 45px; display: block; color: #000; text-decoration: underline; line-height: 1.2em; } #itemslist li a .preis { width: 150px; height: 15px; margin: 0; padding: 0; position: absolute; right: 15px; bottom: 15px; font-size: 12px; text-align: right; color: #000; } #itemslist li a .desc { width: 158px; height: 85px; padding-top: 5px; display: block; overflow: hidden; } * html #itemslist li a .preis { clear: both; display: block; top: 260px; } #itemslist li a .preis strong { margin: -1px 0 0 2px; float: right; display: inline; font-size: 14px; text-align: right; text-decoration: none; } /* shop artikeldetails */ #shop_details { width: 300px; float: right; font-size: 12px; } #shop_details .box, #shop_details h1, #shop_pics .box { width: 100%; margin: 0 0 10px; padding: 0 0 10px; display: table; position: relative; border-bottom: 1px solid #4e4e4e; } #shop_details h1 { font-size: 18px; } #shop_details .box div { display: block; margin: 0 0 10px; } #shop_details #clearbox { width: 100%; display: table; clear: both; } #shop_details #clearbox div strong { display: block; margin: 0 0 5px; } #shop_details #materialbox { width: 145px; float: left; } #shop_details #materialbox #selected_material a { text-decoration: none; } #shop_details #shop_details_anz { width: 140px; float: right; display: table; } #shop_details .box .addtocart { margin: 0 0 5px; position: relative; } #shop_details .box div .qty { width: 40px; margin: 0 10px 0 0; padding: 1px 3px; background: #000; border: 1px solid #4e4e4e; color: #fff; font-weight: bold; text-align: right; } #shop_details_submit { margin: 20px 0 0; clear: both; } #shop_details .box .preis #shop_details_preisinfo { margin: 0 10px 0 0; font-weight: bold; font-size: 18px; } .stream { width: 300px; height: 82px; display: block; overflow: hidden; } .stream ul { width: 300px; margin: 0; padding: 0; float: left; list-style: none outside; } .stream ul li { width: 90px; height: 80px; float: left; margin: 0 5px; padding: 0; text-align: center; vertical-align: middle; } .stream ul li a { width: 90px; height: 80px; display: block; border: 1px solid #e7e7e7; background: #fff; text-align: center; vertical-align: middle; line-height: 78px; } .stream ul li a:hover, .stream ul li a:focus, .stream ul li a:active { background: #932d00; } .stream ul li a img { margin: 0; padding: 0; border: none; vertical-align: middle; } #shop_pics { width: 300px; float: left; font-size: 12px; } #shop_pics #bigimg { width: 290px; height: 313px; margin: 0 0 25px; float: left; border: 5px solid #89745b; text-align: center; vertical-align: middle; line-height: 309px; background: #fff; overflow: hidden; } #shop_pics #bigimg img { vertical-align: middle; } #shop_details_material { width: 130px; margin: 0 10px 10px 0; display: table; float: left; } #material_choice { width: 102px; height: 87px; clear: both; } #selected_material a { width: 90px; height: 75px; padding: 5px; float: left; background: #fff; border: 5px solid #89745b; line-height: 1.2em; text-decoration: none; } #selected_material a:hover, #selected_material a:active, #selected_material a:focus { color: #000; } #selected_material a img { width: 90px; height: 50px; } #leatherpalette { width: 470px; min-height: 400px; height:auto !important; height: 400px; padding: 0; float: left; z-index: 5000; } #leatherpalette_content { display: table; background: #fff; padding: 10px; text-align: left; font-size: 12px; } #leatherpalette_content.html { background: #fff; } #leatherpalette_content .materialtitel { width: 423px; margin: 0 0 5px; padding: 2px; display: block; clear: both; position: relative; font-size: 13px; background: #848484; color: #fff; } #leatherpalette_content .materialtitel a { color: #fff; text-decoration: none; } #leatherpalette_content .materialdetails_link { position: absolute; right: 2px; font-size: 12px; text-decoration: underline; } #leatherpalette_content .materialinfos { width: 423px; display: block; margin: 0 0 5px; color: #000; } #leatherpalette_content ul { display: block; clear: both; margin: 0; padding: 0; list-style: none; background: #fff; } #leatherpalette_content ul li { width: 102px; height: 87px; margin: 0 5px 5px 0; float: left; } #leatherpalette_content ul li a { width: 90px; height: 75px; padding: 5px; float: left; background: #fff; border: 1px solid #cbcbcb; line-height: 1.2em; } #leatherpalette_content ul li a:hover, #leatherpalette_content ul li a:focus, #leatherpalette_content ul li a:active { border-color: #cfae53; color: #000; } #voting_result, .voting_result { height: 19px; width: 105px; margin: 0 10px 0 0; padding: 0; position: relative; float: left; background: #4e4e4e; } #voting_bar, .voting_bar { height: 19px; margin: 0; float: left; background: #89745b; } #voting_mask, .voting_mask { height: 19px; width: 105px; margin: 0; position: absolute; left: 0; top: 0; float: left; background: transparent url(grafik/shop_details_average_voting_mask.png) left top repeat-x; } #voting { padding: 0; margin: 0; border: 1px solid red; } #voting_kommentar { display: block; width: 100%; height: 60px; background: #000; border: 1px solid #4e4e4e; color: #fff; } #votingbox_functions { display: none; } /* shop warenkorb */ /*#content.warenkorb { width: 720px; margin-right: 0; }*/ #shop_warenkorb { float: left; font-size: 12px; } #shop_warenkorb h1 { margin: 0 0 10px; padding: 0 0 5px; display: block; position: relative; border-bottom: 1px solid #c0c0c0; } #warenkorb_artikel { display: block; margin: 0; padding: 0; list-style: none outside; } #warenkorb_artikel li { height: 80px; display: block; clear: both; margin: 0 0 10px; padding: 0 10px 10px; vertical-align: middle; position: relative; border-bottom: 1px solid #e7e7e7; } #warenkorb_artikel li a.img { width: 90px; height: 80px; margin: 0 10px 0 0; display: block; float: left; border: 1px solid #e7e7e7; background: #fff; text-align: center; vertical-align: middle; line-height: 78px; position: relative; } #warenkorb_artikel li a.img img { margin: 0; padding: 0; border: none; vertical-align: middle; } .minimaterial { width: 15px; height: 15px; padding: 0; overflow: hidden; position: absolute; right: 0px; bottom: 0px; border: 1px solid #000; } #warenkorb_artikel li .titel { font-weight: bold; } #warenkorb_artikel li .preis { position: absolute; bottom: 10px; right: 10px; font-size: 14px; font-weight: bold; } #warenkorb_artikel li .qty, #warenkorb_artikel li .artnr { display: block; margin: 0 0 5px; } #warenkorb_artikel li .qty input { width: 40px; margin: 0 10px 0 0; padding: 1px 3px; float: left; background: #c0c0c0; border: 1px solid #686868; font-weight: bold; text-align: right; } #warenkorb_artikel li .qty select { margin: 0 10px 0 0; padding: 1px 3px; float: left; font-weight: bold; text-align: right; } #warenkorb_summe { width: 315px; display: block; float: right; } #warenkorb_summe .titel, #warenkorb_summe .summe { width: 115px; padding: 0 10px 0 0; display: block; float: left; text-align: right; border-bottom: 1px solid #e7e7e7; } #warenkorb_summe .titel { width: 180px; padding: 0 10px 0 0; display: block; float: left; text-align: right; } #warenkorb_summe h2 { clear: both; display: block; font-size: 14px; } #warenkorb_summe h2 .titel, #warenkorb_summe h2 .summe { border: none; } #warenkorb_summe .info { padding: 0 10px 0 0; float: right; text-align: right; } #warenkorb_summe .submit { clear: both; margin-top: 20px; } #warenkorb_buttons { width: 100%; display: block; clear: both; padding: 50px 0 0; } #warenkorb_buttons a.rechts { height: 19px; } table.adressen tr td { vertical-align: top; } .register_feld { float: left; width: 270px; margin-right: 30px; } .register_feld label { width: 100px; } #shop_bestellen_zusammenfassung_nachricht { width: 615px; height: 40px; font: 11px "Tahoma","Arial","Verdana","Helvetica","Geneva"; } /* jQuery jCarousel CSS */ /* small carousel */ .jcarousel-skin-small .jcarousel-container { } .jcarousel-skin-small .jcarousel-container-horizontal { width: 300px; padding: 10px 0 33px; } .jcarousel-skin-small .jcarousel-clip-horizontal { width: 300px; height: 82px; } .jcarousel-skin-small .jcarousel-item { width: 84px; height: 72px; border: 5px solid #89745b; background: #fff; text-align: center; vertical-align: middle; line-height: 69px; } .jcarousel-skin-small .jcarousel-item:hover, .jcarousel-skin-small .jcarousel-item:focus, .jcarousel-skin-small .jcarousel-item:active { border-color: #c28c04; } .jcarousel-skin-small .jcarousel-item img { margin: 0; padding: 0; border: none; vertical-align: middle; } .jcarousel-skin-small .jcarousel-item-horizontal { margin-right: 9px; } .jcarousel-skin-small .jcarousel-item-placeholder { background: #fff; color: #000; } /* Horizontal Buttons */ .jcarousel-skin-small .jcarousel-next-horizontal { position: absolute; top: 100px; right: 5px; width: 54px; height: 18px; cursor: pointer; background: transparent url(grafik/jcarousel-next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-small .jcarousel-next-horizontal:hover, .jcarousel-skin-small .jcarousel-next-horizontal:active { cursor: pointer; background-position: 0 -28px; } .jcarousel-skin-small .jcarousel-next-disabled-horizontal, .jcarousel-skin-small .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-small .jcarousel-next-disabled-horizontal:active { background-position: 0 -56px; } .jcarousel-skin-small .jcarousel-prev-horizontal { position: absolute; top: 100px; left: 5px; width: 54px; height: 18px; cursor: pointer; background: transparent url(grafik/jcarousel-prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-small .jcarousel-prev-horizontal:hover, .jcarousel-skin-small .jcarousel-prev-horizontal:active { cursor: pointer; background-position: 0 -28px; } .jcarousel-skin-small .jcarousel-prev-disabled-horizontal, .jcarousel-skin-small .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-small .jcarousel-prev-disabled-horizontal:active { background-position: 0 -56px; } /* sediatour carousel (startseite) */ .jcarousel-skin-sediatour .jcarousel-container { } .jcarousel-skin-sediatour .jcarousel-container-horizontal { width: 425px; height: 111px; padding: 0 0 0 40px; float: right; } .jcarousel-skin-sediatour .jcarousel-clip-horizontal { width: 393px; height: 111px; } .jcarousel-skin-sediatour .jcarousel-item { width: 118px; height: 107px; padding: 2px 4px; background: transparent url(grafik/jcarousel-sediatour-item-bg.png) left top; text-align: center; vertical-align: middle; line-height: 100px; } .jcarousel-skin-sediatour .jcarousel-item img { margin: 0; padding: 0; border: none; vertical-align: middle; } .jcarousel-skin-sediatour .jcarousel-item-horizontal { margin-right: 5px; } .jcarousel-skin-sediatour .jcarousel-item-placeholder { color: #000; } /* Horizontal Buttons */ .jcarousel-skin-sediatour .jcarousel-next-horizontal { position: absolute; top: 31px; left: 432px; width: 36px; height: 48px; cursor: pointer; background: transparent url(grafik/jcarousel-sediatour-next-horizontal.png) no-repeat 0 0; } .jcarousel-skin-sediatour .jcarousel-next-horizontal:hover, .jcarousel-skin-sediatour .jcarousel-next-horizontal:active { cursor: default; background-position: 0 -58px; } .jcarousel-skin-sediatour .jcarousel-next-disabled-horizontal, .jcarousel-skin-sediatour .jcarousel-next-disabled-horizontal:hover, .jcarousel-skin-sediatour .jcarousel-next-disabled-horizontal:active { background-position: 0 72px; } .jcarousel-skin-sediatour .jcarousel-prev-horizontal { position: absolute; top: 31px; left: 0px; width: 36px; height: 48px; cursor: pointer; background: transparent url(grafik/jcarousel-sediatour-prev-horizontal.png) no-repeat 0 0; } .jcarousel-skin-sediatour .jcarousel-prev-horizontal:hover, .jcarousel-skin-sediatour .jcarousel-prev-horizontal:active { cursor: default; background-position: 0 -58px; } .jcarousel-skin-sediatour .jcarousel-prev-disabled-horizontal, .jcarousel-skin-sediatour .jcarousel-prev-disabled-horizontal:hover, .jcarousel-skin-sediatour .jcarousel-prev-disabled-horizontal:active { background-position: 0 72px; } /* jQuery.Rating Plugin CSS - http: //www.fyneworks.com/jquery/star-rating/ */ div.rating-cancel, div.star-rating { float: left; width: 43px; height: 41px; text-indent: -999em; cursor: pointer; display: block; background: transparent; overflow: hidden; } div.rating-cancel, div.rating-cancel a { width: 0; background: url(delete.gif) no-repeat 0 -16px; display: none; } div.star-rating, div.star-rating a { background: url(grafik/shop_details_voting_stars.gif) no-repeat 0 0px; } div.rating-cancel a, div.star-rating a { display: block; width: 43px; height: 100%; background-position: 0 0px; border: 0; } div.star-rating-on a { background-position: 0 -100px!important; } div.star-rating-hover a { background-position: 0 -50px; } /* Read Only CSS */ div.star-rating-readonly a { cursor: default !important; } /* Partial Star CSS */ div.star-rating { background: transparent!important; overflow: hidden!important; } /* END jQuery.Rating Plugin CSS */ /* `Clear Floated Elements ----------------------------------------------------------------------------------------------------*/ /* http://sonspring.com/journal/clearing-floats */ .clear { clear: both; display: block; overflow: hidden; visibility: hidden; width: 0; height: 0; } /* http://perishablepress.com/press/2008/02/05/lessons-learned-concerning-the-clearfix-css-hack */ .clearfix:after { clear: both; content: ' '; display: block; font-size: 0; line-height: 0; visibility: hidden; width: 0; height: 0; } .clearfix { display: inline-block; } * html .clearfix { height: 1%; } .clearfix { display: block; } .hidden { display: none; }