/* $Id: we_style.css, v1.0 01-03-2013 Web Service Berlin */ /* Stk hohe Kopfzeile */ /* BOF: Web Service Berlin 2014 */ html { height:100%; background-image:-ms-linear-gradient(top, #F1F1F1 0%, #B3B3B3 100%); background-image:-moz-linear-gradient(top, #F1F1F1 0%, #B3B3B3 100%); background-image:-o-linear-gradient(top, #F1F1F1 0%, #B3B3B3 100%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #F1F1F1), color-stop(1, #B3B3B3)); background-image:-webkit-linear-gradient(top, #F1F1F1 0%, #B3B3B3 100%); background-image:linear-gradient(to bottom, #F1F1F1 0%, #B3B3B3 100%); } body { min-height:100%; margin:0; padding:0; overflow-y:scroll; color:#000000; font-family:Verdana; background-image:-ms-linear-gradient(top, #F1F1F1 0%, #B3B3B3 100%); background-image:-moz-linear-gradient(top, #F1F1F1 0%, #B3B3B3 100%); background-image:-o-linear-gradient(top, #F1F1F1 0%, #B3B3B3 100%); background-image:-webkit-gradient(linear, left top, left bottom, color-stop(0, #F1F1F1), color-stop(1, #B3B3B3)); background-image:-webkit-linear-gradient(top, #F1F1F1 0%, #B3B3B3 100%); background-image:linear-gradient(to bottom, #F1F1F1 0%, #B3B3B3 100%); } #content-total { width:auto; min-width:1320px; font-size:11pt; } /* BOF: FIX - header */ #fixed-header { position:fixed; min-width:1250px; width:auto; margin:0 35px 0 35px; background-color:#FAFAFA ; z-index:1000; top:0; right:1px; left:1px; /*-moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000;*/} #fixed-lng { float:left; width:60px; height:35px; margin:3px 0 0 5px; } #fixed-lng ul { display:block; margin:0; padding:0 !important; } #fixed-lng li { display:block; margin:0; padding:0 !important; } #fixed-lng .selection { float:left; width:60px; padding:5px 0 5px 0; text-align:center; } #fixed-lng .selection .langFlag { float:left; width:30px; padding:5px 0 5px 0; text-align:center; } #fixed-menu { float:left; width:490px; height:35px; margin:12px 0 0 10px; } #fixed-menu .output { font-size:12pt; color:#4A4A4A; font-variant:small-caps; text-shadow: 0.1em 0.1em 0.1em #999; } #fixed-search { float:left; width:310px; height:35px; margin-top:9px; } #fixed-search .field { float:left; } #fixed-search .field input { width:260px; height:30px; border:1px solid #4A4A4A; border-radius:5px; font-size:11pt; color:#666; font-style:italic; background: #FFF url(../images/we_design/magnifier_icon.png) no-repeat 0 0; padding-left:35px; } #fixed-search .button { float:left; margin-left:5px; } #fixed-cart { float:right; width:350px; height:45px; margin-right:10px; } #fixed-cart .icon { float:left; width:40px; height:39px; margin-top:3px; background-image:url(../images/we_design/cart_icon.png); } #fixed-cart .output { float:left; height:45px; width:310px; border:0px solid yellow; } #fixed-cart .output .top { height:20px; margin:3px 0 0 10px; font-size:11pt; color:#4A4A4A; font-variant:small-caps; } #fixed-cart .output .top .count { float:left; width:130px; } #fixed-cart .output .top .total { float:left; width:170px; text-align:right; } #fixed-cart .output .bottom { height:20px; margin:2px 0 0 10px; font-size:10pt; color:#4A4A4A; font-variant:small-caps; } #fixed-cart .output .bottom .left { float:left; width:130px; } #fixed-cart .output ul { display:block; margin:0; padding:0 !important; } #fixed-cart .output li { display:block; margin:0; padding:0 !important; } #fixed-cart .output .bottom .left:hover > ul li ul { display:block; border:0px solid black; } #fixed-cart .output .bottom .left ul ul { display:none; margin-top:0px; width:190px; background-color:#FFF; -moz-box-shadow:0 2px 10px #000; -webkit-box-shadow:0 2px 10px #000; box-shadow:0 2px 10px #000; } #fixed-cart .output .bottom .left ul ul #fixed-cart-content { position:absolute; width:300px; max-height:395px; padding:5px; background-color:#FFF; -moz-box-shadow:0 2px 5px #000; -webkit-box-shadow:0 2px 5px #000; box-shadow:0 2px 5px #000; overflow:auto; z-index:1; } #fixed-cart-content .empty { width:300px; text-align:center; } #fixed-cart-content .heading {} #fixed-cart-content .heading .image { float:left; width:60px; height:20px; } #fixed-cart-content .heading .qty { float:left; width:60px; height:20px; text-align:center; font-weight:bold; } #fixed-cart-content .heading .name { float:left; width:140px; height:20px; font-weight:bold; } #fixed-cart-content .content { border:0px solid blue; } #fixed-cart-content .content .image { float:left; width:55px; height:50px; background-position:center; background-repeat:no-repeat; } #fixed-cart-content .content .qty { float:left; width:60px; height:50px; text-align:center; } #fixed-cart-content .content .name { float:left; width:159px; height:50px; overflow:hidden; } #fixed-cart-content .content .buttons { float:left; } #fixed-cart-content .content .buttons .button { margin:5px; } #fixed-cart-content .content .line { width:300px; height:1px; background-color:#999; margin:5px 0 5px 0; } #fixed-cart-content .content .none-line { width:300px; height:1px; margin:5px 0 5px 0; } #fixed-cart .output .bottom .right { float:left; width:170px; text-align:right; font-size:8pt; } #fixed-header a { color:#4A4A4A; } /* EOF: FIX - header */ /* BOF: main-total */ #content-wrapper { position:relative; width:auto; min-width:1250px; margin-right:35px; margin-left:35px; border:1px solid #000; background-color:#FFF; border-bottom-left-radius:10px; border-bottom-right-radius:10px; -moz-box-shadow:0 2px 5px #000; -webkit-box-shadow:0 2px 5px #000; box-shadow:0 2px 5px #000; } /* BOF: header */ #header { margin-top:190px; } #header-smaller { margin-top:113px; } #store-logo { float:left; width:900px; min-width:790px; height:57px; background-image:url(../images/we_design/store_logo.png); background-repeat:no-repeat; background-position:center; border:none; outline:none; } #store-logo-bike { float:right; width:56px; height:57px; margin-right:15px; background-image:url(../images/we_design/store_logo_bike.png); } #store-logo-special { float:left; width:900px; min-width:790px; height:57px; background-image:url(../images/we_design/store_logo_special.png); background-repeat:no-repeat; background-position:center; border:none; outline:none; } #store-logo-bike-special { float:right; width:56px; height:57px; margin-right:15px; background-image:url(../images/we_design/store_logo_bike_special.png); } #store-logo-line { width:100%; height:1px; background-color:#000; padding-top:-1px; } /*** header navigation ***/ #header-information { position:relative; display:flex; width:auto; min-width:1220px; justify-content:center; height:50px; -moz-box-shadow:0 2px 10px #000; -webkit-box-shadow:0 2px 10px #000; box-shadow:0 2px 10px #000; } #header-information:hover { cursor:pointer; } #header-information .text { color:#FFF; flex:1; align-self: center; text-align:center; text-shadow: 0.1em 0.1em 0.4em #666; font-size:17pt; font-weight:bold; } #header-information #fixed-lng-manual { flex:1; align-self:center; padding-left:15px; } #header-information #fixed-lng-manual ul { display:block; margin:0; padding:0 !important; } #header-information #fixed-lng-manual li { display:block; margin:0; padding:0 !important; } #header-information #fixed-lng-manual .selection { float:left; width:60px; padding:5px 0 5px 0; text-align:center; } #header-information #fixed-lng-manual .selection .langFlag { float:left; width:30px; padding:5px 0 5px 0; text-align:center; } #header-information #fixed-search-manual { flex:1; align-self:center; } #fixed-search-manual .box { float:right; margin-right:15px; } #fixed-search-manual .field { float:left;} #fixed-search-manual .field input { width:260px; height:30px; border:1px solid #4A4A4A; border-radius:5px; font-size:11pt; color:#666; font-style:italic; background: #FFF url(../images/we_design/magnifier_icon.png) no-repeat 0 0; padding-left:35px; } #fixed-search-manual .button { float:left; margin-left:5px; } #header-categories { position:relative; width:auto; min-width:1220px; height:50px; margin:0 -15px 0 -15px; border-radius:10px; -moz-box-shadow:0 2px 10px #000; -webkit-box-shadow:0 2px 10px #000; box-shadow:0 2px 10px #000; } #header-categories-table { display:table; width:100%; min-width:1220px; } #header-categories-table ul { display:block; margin:0; padding:0 !important; } #header-categories-table li { display:block; margin:0; padding:0 !important; } #header-categories-table .boxed { padding:10px; display:table-cell; min-width:150px; height:20px; text-align:center; } /*erste Ebene*/ #header-categories-table .boxed .first-level { font-size:17pt; color:#FFF; font-weight:bold; text-shadow: 0.1em 0.1em 0.4em #666; display:block; } #header-categories-table .boxed .first-level a { font-size:17pt; color:#FFF; font-weight:bold; text-shadow: 0.1em 0.1em 0.4em #666; display:block; } #header-categories-table .boxed ul { position:relative; } #header-categories-table .boxed ul li:hover a { color:#000; text-decoration:none; } #header-categories-table .boxed ul li:hover > ul { position:absolute; display:block; z-index:999; } /*zweite Ebene*/ #header-categories-table .boxed .second-level { font-size:12pt; } #header-categories-table .boxed .second-level a { padding-left:10px; display:block; } #header-categories-table .boxed .second-level-border { font-size:12pt; } #header-categories-table .boxed .second-level-border a { padding-left:10px; border-bottom: 1px solid #575f6a; display:block; } #header-categories-table .boxed ul ul { display:none; width:250px; background-color:#FFF; -moz-box-shadow:0 2px 10px #000; -webkit-box-shadow:0 2px 10px #000; box-shadow:0 2px 10px #000; } #header-categories-table .boxed ul ul.nav-left { position:absolute; left:0; } #header-categories-table .boxed ul ul.nav-right { position:absolute; right:0; } #header-categories-table .boxed ul ul li { line-height:25pt; text-shadow: 0.1em 0.1em 0.4em #666; text-align:left; width:250px; } #header-categories-table .boxed ul ul li:hover, #header-categories-table .boxed ul ul li a:hover { font-weight:bold; background-color:#E4E4E4; } #header-categories-table .boxed ul ul li:hover > ul { position:absolute; display:block; z-index:999; } /*dritte Ebene*/ #header-categories-table .boxed .third-level { font-size:12pt; } #header-categories-table .boxed .third-level a { padding-left:10px; display:block; } #header-categories-table .boxed .third-level-border { font-size:12pt; } #header-categories-table .boxed .third-level-border a { padding-left:10px; display:block; border-bottom: 1px solid #575f6a; } #header-categories-table .boxed ul ul ul { float:left; /*margin-left:240px;*/ top:0; min-height:100%; width:310px; border-radius:0; text-align:left; -moz-box-shadow:0 2px 10px #000; -webkit-box-shadow:0 2px 10px #000; box-shadow:0 2px 10px #000; } #header-categories-table .boxed ul ul ul.show-right { margin-left:240px; } #header-categories-table .boxed ul ul ul.show-left { margin-left:-305px; } #header-categories-table .boxed ul ul ul li { width:100%; line-height:20pt; text-shadow:none; color:#000; font-weight:normal; text-decoration:none; font-weight:normal; } #header-categories-table .boxed ul ul ul li:hover, #header-categories-table .boxed ul ul ul li a:hover { font-weight:bold; background:none; } #breadcrumb { height:20px; padding:5px 25px 0 15px; border-bottom:1px solid #666; font-size:12pt; color:#999; text-shadow: 0.1em 0.1em 0.1em #999; } #breadcrumb a { color:#666; } #breadcrumb a:hover { text-decoration:underline; font-weight:normal; } /* EOF: header */ /* BOF: main */ #main { min-width:1250px; width:100%; } #main-content { min-height:250px; margin:5px 15px 0 15px; } #center-content, .center { width:1220px; margin:0 auto; } /*** Banner - Startseite ***/ #BannerCollection { display:table; width:100%; } .BannerSep10 { display:table-cell; width:10%; } .BannerSep40 { display:table-cell; width:40%; } .threeBanner { display:table-cell; table-layout:fixed; min-width:400px; } .threeBanner .banner-title { text-align:center; font-weight:bold; padding:5px; font-size:15pt; } .threeBanner .bannerBox { width:400px; } /*** rotation-banner ***/ .threeBanner .bannerBox { position:relative; height:250px; width:398px; margin:0 auto; border:1px solid #999; z-index:99; overflow:hidden; } .threeBanner .bannerBox .button-next, .threeBanner .bannerBox .button-previous { position:absolute; display:block; width:21px; height:21px; z-index:100; } .threeBanner .bannerBox .button-next { right:0; background:url(../images/we_design/slidebox/slidebox_next.png) no-repeat left top;} .threeBanner .bannerBox .button-next:hover{ background:url(../images/we_design/slidebox/slidebox_next_hover.png) no-repeat left top;} .threeBanner .bannerBox .button-previous{ left:0; background:url(../images/we_design/slidebox/slidebox_previous.png) no-repeat left top;} .threeBanner .bannerBox .button-previous:hover{ background:url(../images/we_design/slidebox/slidebox_previous_hover.png) no-repeat left top;} .threeBanner .bannerBox .banner-thumbs { position:absolute; bottom:10px; right:10px; z-index:100; } .threeBanner .bannerBox .banner-thumbs a { float:left; display:block; padding:2px 4px; margin-left:5px; background:url(../images/we_design/slidebox/slidebox_thumb.png); font-family:Verdana; font-size:9px; text-decoration:none; color:#fff;} /* #rotation-banner .container, #rotation-banner .content{ position:relative; height:250px; left:0; } */ /* #rotation-banner .content{ float:left; width:1000px; } */ .threeBanner .bannerBox .container, .threeBanner .bannerBox .content{ position:relative; height:250px; left:0; } .threeBanner .bannerBox .content{ float:left; width:398px; } .threeBanner .bannerBox .content .images { padding:0px; height:100%; font-family:Verdana; font-size:13px; } #banner-aprilia { position:relative; height:150px; width:150px; margin:25px auto; border:1px solid #666; z-index:99; overflow:hidden; } #banner-aprilia .aprilia{ float:left; width:150px; } #banner-aprilia .aprilia .images { padding:0px; height:100%; font-family:Verdana; font-size:13px; } #rotation-banner .guzzi{ float:left; width:150px; } #rotation-banner .guzzi .images { padding:0px; height:100%; font-family:Verdana; font-size:13px; } /*** products listing gallery ***/ #listing-products { max-width:1250px; margin:0 auto; } #listing-products .listing-header { background-color:#b3b3b3; background-repeat:repeat-x; border-radius:5px; font-variant:small-caps; font-weight:bold; } #listing-products .listing-header .output { color:#fff; font-size:10pt; padding:5px 0 5px 10px; text-shadow: 0.1em 0.1em 0.1em #000; } #listing-products .box { float:left; width:225px; height:370px; border:2px solid #999; margin:5px 5px 5px 9px; } #listing-products .box .remove { position:absolute; width:16px; height:16px; margin:4px 0 0 205px; } #listing-products .box .image { width:185px; height:185px; margin:5px 0 0 20px; background-repeat:no-repeat; background-position:center; } #listing-products .box .name { width:205px; height:45px; margin:5px 0 0px 10px; overflow: hidden; } #listing-products .box .name a, .name a:hover { font-size:10pt; color:#4c4c4c; font-weight:bold; text-decoration:none; } #listing-products .box .onr { width:205px; height:14px; margin:0px 0 3px 10px; font-size:8pt; font-weight:bold; color:#4c4c4c; overflow: hidden; } #listing-products .box .onr a, .onr a:hover { font-size:8pt; color:#4c4c4c; font-weight:bold; text-decoration:none; } #listing-products .box .line { height:1px; border-bottom:2px dotted #999; margin:0 10px 0 10px; } #listing-products .box .price { float:right; height:30px; padding:0px 15px 0 0; font-size:17pt; color:#f07704; font-weight:bold; } #listing-products .box .price .special-info-now { height:30px; padding:5px 0 0 0; font-size:10pt; color:#f07704; font-weight:bold; } #listing-products .box .tax-info { float:right; height:10px; margin:0 15px 10px 0; font-size:7pt; color:#4c4c4c; } #listing-products .box .baseprice-info { float:right; height:15px; margin:0 15px 0 0; font-size:7pt; color:#4c4c4c; } #listing-products .box .special-info { float:right; height:15px; margin:0 15px 0 0; font-size:7pt; color:#4c4c4c; } #listing-products .box .alternate { height:15px; margin-top:5px; font-size:9pt; color:#4c4c4c; text-align:center; } #listing-products .box .alternate a { color:#4c4c4c; text-decoration:underline; } #listing-products .box .info { margin-top:70px; font-size:9pt; color:#F00; text-align:center; } #listing-products .box .button { width:225px; margin-top:5px; text-align:center; } /*** products listing list ***/ #listing-products .list { width:1197px; height:195px; border:2px solid #999; margin:5px 5px 5px 9px; } #listing-products .list .image { float:left; width:185px; height:185px; margin:5px 0 0 20px; background-repeat:no-repeat; background-position:center; } #listing-products .list .right { float:left; width:940px; margin:5px 20px 0 20px; } #listing-products .list .right .name { float:left; width:910px; height:25px; margin:5px 0 0 0; boverflow: hidden; } #listing-products .list .right .remove { float:left; width:30px; height:25px; text-align:right; } #listing-products .list .right .name a, #wrapper #main #listing-products .list .right .name a:hover { font-size:11pt; color:#4c4c4c; font-weight:bold; text-decoration:none; } #listing-products .list .right .line { height:1px; width:940px; border-bottom:2px dotted #999; margin:0 10px 0 0; } #listing-products .list .right .field-label { float:left; width:130px; font-size:10pt; line-height:15pt; font-weight:bold; color:#4c4c4c; } #listing-products .list .right .field-output { float:left; width:280px; font-size:10pt; line-height:15pt; color:#4c4c4c; } #listing-products .list .right .description { float:left; width:600px; height:85px; margin-top:10px; overflow:hidden; font-size:10pt; } #listing-products .list .right .price-info { float:right; height:120px; width:338px; margin-top:-5px; } #listing-products .list .right .price-info .price { text-align:right; height:30px; padding:5px 15px 0 0; font-size:17pt; color:#f07704; font-weight:bold; } #listing-products .list .right .price-info .price .special-info-now { height:30px; padding:5px 0 0 0; font-size:10pt; color:#f07704; font-weight:bold; } #listing-products .list .right .price-info .tax-info { text-align:right; height:10px; padding:0 15px 10px 0; font-size:7pt; color:#4c4c4c; } #listing-products .list .right .price-info .baseprice-info { text-align:right; height:15px; padding:0 15px 0 0; font-size:7pt; color:#4c4c4c; } #listing-products .list .right .price-info .special-info { float:right; height:15px; margin:0 15px 0 0; font-size:7pt; color:#4c4c4c; } #listing-products .list .right .price-info .button { text-align:right; margin:5px 15px 0 10px; } #listing-products .list .right .alternate { height:15px; margin:0 15px 0 0; font-size:10pt; color:#4c4c4c; text-align:right; padding:5px; } #listing-products .list .right .alternate a { color:#4c4c4c; text-decoration:underline; } #listing-products .list .right .info { margin:55px 15px 0 0; font-size:9pt; color:#F00; text-align:right; } /*** product_info ***/ #product-info-a { width:1220px; margin:0 auto; } #product-info-a #left { float:left; width:485px; } #product-info-a #thumb-list { float:left; width:125px; height:290px; font-size:8pt; text-align:center; } #product-info-a #thumb-list .thumbs { float:right; width:50px; height:50px; border:1px solid #d4d4d4; margin-right:10px; margin-top:5px; overflow:hidden; background-repeat:no-repeat; background-position:center; } #product-info-a #thumb-list .thumbs .blind { width:50px; height:50px; } #product-info-a #product-image { float:left; width:350px; height:290px; text-align:center; } #product-info-a .options { float:left; width:465px; font-size:10pt; color:#4c4c4c; overflow:hidden; border:1px solid #d4d4d4; padding:10px; } #product-info-a .options .header { font-style:italic; color:#4c4c4c; font-variant:small-caps; font-weight:bold; margin:0; padding:0; } #product-info-a .options .label { float:left; width:135px; margin:5px 0 0 5px; } #product-info-a .options .field select { width:325px; margin-top:5px; border:1px solid #d4d4d4; font-size:9pt; color:#4c4c4c; } #product-info-a #right { float:left; width:725px; margin-left:10px; } #product-info-a .name h1 { margin:0; padding:0; font-size:11pt; font-weight:bold; text-decoration:none; } #product-info-a .info-left { float:left; width:410px; padding:5px; margin-bottom:10px; color:#4c4c4c; } #product-info-a .info-left .field-label { float:left; width:130px; font-size:10pt; line-height:20pt; font-weight:bold; } #product-info-a .info-left .field-output { float:left; width:280px; font-size:10pt; line-height:20pt; } #product-info-a .info-right { float:left; width:305px; } #product-info-a .info-right .price-info { float:right; width:305px; padding:5px; margin:0 0 0 0; } #product-info-a .info-right .price-info .price { text-align:right; height:40px; font-size:22pt; color:#f07704; font-weight:bold; text-shadow: 0.1em 0.1em 0.1em #ccc; } #product-info-a .info-right .price-info .price .special-info-now { height:30px; font-size:12pt; color:#f07704; font-weight:bold; } #product-info-a .info-right .price-info .tax-info { text-align:right; height:10px; padding:0 0 10px 0; font-size:7pt; color:#4c4c4c; } #product-info-a .info-right .price-info .baseprice-info { height:15px; font-size:7pt; color:#4c4c4c; text-align:right; } #product-info-a .info-right .price-info .special-info { height:15px; font-size:7pt; color:#4c4c4c; text-align:right; } #product-info-a .buttons { margin:5px; } #product-info-a .dotted-line { height:1px; width:100%; border-bottom:2px dotted #999; margin:0 10px 0 0; } #product-info-a #tab-panel { position:relative; float:none; } #product-info-a #tab-panel input[type=radio] { position:absolute; display:none; } #product-info-a #tab-panel label.tab-label { position:relative; float:left; display:block; top:5px; padding:8px 5px; margin-left:5px; margin-right:5px; border-radius:2px 2px 0 0; background:rgba(153,153,153,0.2); -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -moz-box-shadow:0 3px 5px #000; -webkit-box-shadow:0 3px 5px #000; box-shadow:0 3px 5px #000; color:#000; font-size:11pt; font-weight:normal; cursor:pointer; z-index:1; -ms-user-select:none; -webkit-user-select:none; -moz-user-select:none; user-select:none; } #product-info-a #tab-panel label.tab-label label:hover { background:rgba(255,48,25,0.7); } #product-info-a #tab-panel [id^=tab]:checked + label { background:#ff3019; color:#fff; top:0; background:-moz-linear-gradient(top, #ff3019 50%, #cf0404 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(50%,#ff3019), color-stop(100%,#cf0404)); background:-webkit-linear-gradient(top, #ff3019 50%,#cf0404 100%); background:-o-linear-gradient(top, #ff3019 50%,#cf0404 100%); background:-ms-linear-gradient(top, #ff3019 50%,#cf0404 100%); background:linear-gradient(to bottom, #ff3019 50%,#cf0404 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); -moz-box-shadow:0 3px 5px #000; -webkit-box-shadow:0 3px 5px #000; box-shadow:0 3px 5px #000; text-shadow:0.1em 0.1em 0.4em #666; } #product-info-a #tab-panel [id=tab1]:checked ~ #tab-content-1 { clear:left; display: block; } #product-info-a #tab-panel [id=tab1] ~ #tab-content-1 { display:none; } #product-info-a #tab-panel [id=tab2]:checked ~ #tab-content-2 { clear:left; display:block; } #product-info-a #tab-panel [id=tab2] ~ #tab-content-2 { display:none; } #product-info-a #tab-panel [id=tab3]:checked ~ #tab-content-3 { clear:left; display:block; } #product-info-a #tab-panel [id=tab3] ~ #tab-content-3 { display:none; } #product-info-a #tab-panel [id=tab4]:checked ~ #tab-content-4 { clear:left; display:block; } #product-info-a #tab-panel [id=tab4] ~ #tab-content-4 { display:none; } #product-info-a #tab-panel [id=tab5]:checked ~ #tab-content-5 { clear:left; display:block; } #product-info-a #tab-panel [id=tab5] ~ #tab-content-5 { display:none; } #product-info-a #tab-panel [id=tab6]:checked ~ #tab-content-6 { clear:left; display:block; } #product-info-a #tab-panel [id=tab6] ~ #tab-content-6 { display:none; } #product-info-a #tab-panel [id=tab7]:checked ~ #tab-content-7 { clear:left; display:block; max-height:400px; overflow-y:scroll; } #product-info-a #tab-panel [id=tab7] ~ #tab-content-7 { display:none; } #product-info-a #tab-panel .tab-content { position:relative; width:703px; padding:10px; display:none; z-index:3; text-align:left; font-size:10pt; border:1px dashed #ccc; } /*** product_info_2 ***/ #prod-b-info { position:relative; max-width:1800px; margin: 0 auto; } #prod-b-info #cat-nav { margin-top:10px; padding:5px; border:1px solid #CCC; font-size:9pt; } #prod-b-info #cat-nav .box { width:100%; text-align:center; } #prod-b-info #cat-nav .box .center { display:inline-block; width:auto; line-height:80px; } #prod-b-info #cat-nav .table { display:table; width:100%; margin: 0 auto; } #prod-b-info #cat-nav .table .last { float:left; padding:0 10px 0 0; text-decoration:underline; } #prod-b-info #cat-nav .table .last .button { display:table-cell; height:32px; } #prod-b-info #cat-nav .table .last .button img { margin-bottom:-10px; } #prod-b-info #cat-nav .table .last .text { display:table-cell; height:32px; padding:0 10px 0 10px; vertical-align:middle; } #prod-b-info #cat-nav .table .actual { display:table-cell; height:32px; min-width:250px; font-weight:bold; font-size:12pt; vertical-align:middle; text-align:center; } #prod-b-info #cat-nav .table .next { float:left; padding:0 0 0 10px; text-decoration:underline; } #prod-b-info #cat-nav .table .next .button { display:table-cell; height:32px; } #prod-b-info #cat-nav .table .next .button img { margin-bottom:-10px; } #prod-b-info #cat-nav .table .next .text { display:table-cell; height:32px; padding:0 10px 0 10px; vertical-align:middle; } #prod-b-info #cat-nav .box .right { float:right; width:100px; height:80px; } #prod-b-info #cat-nav .box .info-vehicle-image { width:100px; height:80px; } #prod-b-info #cat-nav .box .popup-info-vehicle-image { position:absolute; width:640px; height:480px; padding:10px; display:none; background-position:center; background-repeat:no-repeat; background-size:contain; background-color:#FFF; z-index:9999; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000; } #products-filter { font-size:10pt; } #products-filter ul { display:block; margin:0; padding:0 !important; } #products-filter li { display:block; margin:0; padding:0 !important; } #products-filter .selection { float:left; margin-right:10px; border:1px solid #d4d4d4; width:295px; height:30px; background-image:url(../images/we_design/dropdown_arrow.png); background-repeat:no-repeat; background-position:right; cursor:pointer; } #products-filter .selection .info { margin-left:5px; margin-top:6px; font-variant:small-caps; width:260px; overflow:hidden; white-space: nowrap; text-overflow:ellipsis; } #products-filter .selection:hover > ul li ul { position:absolute; display:block; z-index:999; font-size:10pt; max-height:300px; overflow: auto; overflow-x: hidden; } #products-filter .selection ul ul { display:none; margin-top:8px; width:295px; background-color:#FFF; -moz-box-shadow:0 2px 10px #000; -webkit-box-shadow:0 2px 10px #000; box-shadow:0 2px 10px #000; } #products-filter .selection ul ul li { line-height:20pt; text-align:left; width:295px; border-bottom:1px solid #d4d4d4; } #products-filter .selection ul ul li .output { margin-left:5px; } #products-filter .selection ul ul li div a { display:block; font-size:8pt; } #products-filter .selection ul ul li:hover { background-color:#E4E4E4; } #products-filter .last { margin-right:0; } .clear-filter { float:right; padding:5px 5px 0 0; text-decoration:underline; font-size:8pt; } #prod-b-info #table { display:table; } #prod-b-info #table #left { position:relative; display:table-cell; width:100%; vertical-align:top; } #prod-b-info #left #image { width:99%; max-width:1078px; margin: 0 auto; } #prod-b-info #table #right { position:relative; min-width:740px; border:1px solid #d4d4d4; } #prod-b-info #table #right .header { position:relative; width:740px; height:35px; padding:4px 0 0 0; margin:0; font-size:9pt; text-align:center; color:#FFF; } #prod-b-info #table #right .header .image { float:left; width:20px; } #prod-b-info #table #right .header .pos { float:left; width:40px; } #prod-b-info #table #right .header .description { float:left; width:90px; text-align:left; } #prod-b-info #table #right .header .model { float:left; width:90px; } #prod-b-info #table #right .header .new-model { float:left; width:100px; } #prod-b-info #table #right .header .alternativ { float:left; width:20px; } #prod-b-info #table #right .header .version {float:left; width:130px; } #prod-b-info #table #right .header .info { float:left; width:20px; } #prod-b-info #table #right .header .notice { float:left; width:40px; } #prod-b-info #table #right .header .price { float:left; width:65px; text-align:right; } #prod-b-info #table #right .header .qty { float:left; width:60px; } #prod-b-info #table #right .header .button { float:left; width:20px; } #prod-b-info #table #right .header .availability { float:left; width:16px; padding-right:17px; } #prod-b-info #table #right .list { position:relative; width:720px; max-height:630px; padding-top:5px; font-size:8pt; text-align:center; overflow-y:auto; } #prod-b-info #table #right .list .row { width:100%; margin-top:10px; } #prod-b-info #table #right .list .disabled, .disabled a { color:#999; } #prod-b-info #table #right .list .row .image { float:left; width:20px; height:20px; } #prod-b-info #table #right .list .row .pos { float:left; width:40px; font-weight:bold; } #prod-b-info #table #right .list .row .description { float:left; width:90px; text-align:left; overflow: hidden; text-overflow:ellipsis; cursor:help; } #prod-b-info #table #right .list .row .model { float:left; width:75px; text-decoration:underline; } #prod-b-info #table #right .list .row .new-model { float:left; width:75px; height:20px; text-decoration:underline; } #prod-b-info #table #right .list .row .alternativ { float:left; width:20px; height:20px; cursor:help; } #prod-b-info #table #right .list .row .version { float:left; width:145px; height:27px; overflow:hidden; } #prod-b-info #table #right .list .row .version .version-info-show { position:absolute; height:16px; width:16px; margin-left:129px; margin-top:-8px; display:none; background-image:url(../images/we_design/zoom_in.png); background-repeat:no-repeat; background-position:right top; z-index:1; } #prod-b-info #table #right .list .row .version .version-info-hide { position:absolute; height:16px; width:16px; margin-left:129px; margin-top:-8px; display:none; background-image:url(../images/we_design/zoom_out.png); background-repeat:no-repeat; background-position:right top; } #prod-b-info #table #right .list .row .info { float:left; width:20px; cursor:help; } #prod-b-info #table #right .list .row .notice { float:left; width:40px; cursor:help; } #prod-b-info #table #right .list .row .sold-out { float:left; width:160px; color:#F00; } #prod-b-info #table #right .list .row .price { float:left; width:70px; text-align:right; } #prod-b-info #table #right .list .row .set-info { float:left; width:130px; } #prod-b-info #table #right .list .row .qty { float:left; width:60px; } #prod-b-info #table #right .list .row .button { float:left; width:20px; } #prod-b-info #table #right .list .row .availability { float:left; width:25px; text-align:right; } #prod-b-info #table #right .list .line { min-width:680px; height:1px; background-color:#CCC; margin:10px 0 10px 0; } /* Alternativ Artikel in Expl Liste */ #prod-b-info #table #right .list .alt-liste { width:100%; min-height:30px; margin:10px 0 0 0px; border:0px solid #EE0000; font-size:8pt; } #prod-b-info #table #right .list .alt-text { float:left; width:90px; min-height:30px; margin:10px 0 0 5px; text-align:left; overflow: hidden; text-overflow:ellipsis; font-weight:bold; } #prod-b-info #table #right .list .alt-prod-row { float:left; width:605px; min-height:30px; max-height:45px; border:0px solid #EE0000; font-size:8pt; } #prod-b-info #table #right .list .alt-prod-row .alt-row-short { width:595px; margin-left: 90px; } .alt-prod-row .image-icon { float:left; width:18px; height:18px; padding:2px 0 0 2px; margin:5px 0 0 5px; } .alt-prod-row .image { position:absolute; z-index:9999; margin-left:20px; max-width:150px; max-height:150px; padding:5px; background-color:#FFF; display:none; border:1px solid #ccc; -moz-box-shadow:0 0px 5px #000; -webkit-box-shadow:0 0px 5px #000; box-shadow:0 0px 5px #000; } .alt-prod-row .name { float:left; width:415px; max-height:20px; margin:5px 0 0 5px; line-height:20px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; font-size:9pt; } .alt-prod-row .name-short { float:left; width:295px; max-height:20px; margin:5px 0 0 5px; line-height:20px; text-align:left; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } .alt-prod-row .name a:hover { text-decoration:underline; font-weight:normal; color:#000; font-size:9pt; } .alt-prod-row .model { float:left; width:75px; margin:5px 0 0 5px; line-height:20px; } .alt-prod-row .model a:hover { text-decoration:underline; font-weight:normal; } .alt-prod-row .price { float:left; width:80px; margin:5px 0 0 15px; line-height:20px; text-align:right; } .alt-prod-row .qty { float:left; width:45px; margin:5px 0 0 5px; line-height:20px; } .alt-prod-row .cart { float:left; width:18px; margin:5px 0 0 10px; line-height:18px; } .alt-prod-row .ampel { float:left; width:20px; margin:5px 0 0 5px; } .alt-prod-row .base-price { width:170px; margin:3px 0 5px 475px; font-size:7pt; } #prod-b-info #table #right #alternate-products-bg { position:absolute; width:680px; height:659px; background-color:#FFF; filter:alpha(opacity=50); opacity:0.5; display:none; z-index:1; } #prod-b-info #table #right #alternate-products-overlay { position:absolute; padding-top:45px; margin-left:25px; } #prod-b-info #table #right #alternate-products-overlay-container {position:absolute; width:630px; height:416px; border-radius:5px; background-color:#FFF; -moz-box-shadow:0 2px 10px #000; -webkit-box-shadow:0 2px 10px #000; box-shadow:0 2px 10px #000; display:none; z-index:2; } #prod-b-info #table #right #alternate-products-loader { position:absolute; width:100px; height:100px; top: 50%; left:50%; margin:-50px 0 0 -50px; } #prod-b-info #table #right #alternate-products-close { width:610px; margin-left:10px; height:20px; margin-top:5px; text-align:right; cursor:pointer; } #prod-b-info #table #right #alternate-products-list { width:610px; margin:10px; overflow-y:auto; } #prod-b-info .tax-info-top { text-align:left; margin-bottom:5px; font-size:12pt; } #prod-b-info .tax-info-bottom { text-align:right; margin-top:5px; font-size:10pt; } /*** paging ***/ #center-content-small .listing-split { width:1000px; height:33px; border:1px solid #d4d4d4; font-size:9pt; } #center-content-small .listing-split .counter { float:left; margin:9px 0 0 10px; } #center-content-small .listing-split .paging { float:right; margin:0 0 0 10px; text-align:center; } #center-content-small .listing-split .paging .jump { float:left; border-left:1px solid #d4d4d4; height:33px; width:33px; } #center-content-small .listing-split .paging .jump .output { height:27px; padding-top:5px; font-size:13pt; font-weight:bold; } #center-content-small .listing-split .paging .jump-active { float:left; width:33px; height:33px; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; background-image:url(../images/we_design/split_page_bg.png); } #center-content-small .listing-split .paging .jump-active .output { margin-top:5px; font-size:13pt; color:#FFF; font-weight:bold; } /*** Bewertungen - Auflistung ***/ .dynamic-review-row { } .dotted-border-bottom { margin-bottom:10px; border-bottom:1px dashed #ccc; } .dynamic-review-row .title { padding-bottom:2px; font-size:9pt; font-weight:bold; } .dynamic-review-row .name { float:left; width:270px; margin-top:5px; font-size:8pt; } .dynamic-review-row .rating { float:left; width:200px; margin-left:15px; } .dynamic-review-row .date { float:right; width:200px; margin-top:5px; font-size:8pt; } .dynamic-review-row .description { padding:5px; font-size:8pt; } #checkout-overview { float:right; width:900px; } .red-flow { background: #ff3019; background: -moz-linear-gradient(top, #ff3019 50%, #cf0404 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ff3019), color-stop(100%,#cf0404)); background: -webkit-linear-gradient(top, #ff3019 50%,#cf0404 100%); background: -o-linear-gradient(top, #ff3019 50%,#cf0404 100%); background: -ms-linear-gradient(top, #ff3019 50%,#cf0404 100%); background: linear-gradient(to bottom, #ff3019 50%,#cf0404 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0); } .red-flow-shadow {background: #ff3019; background: -moz-linear-gradient(top, #ff3019 50%, #cf0404 100%); background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ff3019), color-stop(100%,#cf0404)); background: -webkit-linear-gradient(top, #ff3019 50%,#cf0404 100%); background: -o-linear-gradient(top, #ff3019 50%,#cf0404 100%); background: -ms-linear-gradient(top, #ff3019 50%,#cf0404 100%); background: linear-gradient(to bottom, #ff3019 50%,#cf0404 100%); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0); -moz-box-shadow:0 3px 10px #000; -webkit-box-shadow:0 3px 10px #000; box-shadow:0 3px 10px #000; z-index:99; } .shadow { -moz-box-shadow:0 3px 10px #999; -webkit-box-shadow:0 3px 10px #999; box-shadow:0 3px 10px #999; } #flyingImageStart { display:none; width:100px; height:100px; z-index:1001; } #flyingImageFinish { width:100%; height:100%; } .flyingImageStart { position:absolute; display:none; width:100px; height:100px; background-color:#FFF; -moz-box-shadow:0 3px 10px #000; -webkit-box-shadow:0 3px 10px #000; box-shadow:0 3px 10px #000; z-index:1001; } .flyingImageFinish { width:100%; height:100%; } .flyingImageStart-right { display:none; width:85px; height:85px; z-index:1001; background-image:url(../images/we_design/warenkorb_slider_right.png); background-position:center; background-repeat:no-repeat; } .flyingImageStart-left { display:none; width:85px; height:85px; z-index:1001; background-image:url(../images/we_design/warenkorb_slider_left.png); background-position:center; background-repeat:no-repeat; } /*bis hier optimiert -- 26-08-2014 -- rr*/ #empty-information { margin:15px 0 0 15px; } /*** Wunschzettel ***/ #new-prices { border:1px solid #999; margin:0 10px 5px 10px; padding:5px; } #new-prices .header { float:none; width:100%; padding:0; margin:0 0 10px 0; font-size:9pt; } #new-prices .output { padding-left:5px; font-size:8pt; } #listing-products ul { display:block; margin:0; padding:0 !important; } #listing-products li { display:block; margin:0; padding:0 !important; } /*** paging ***/ #listing-products .listing-split { width:1218px; height:33px; border:1px solid #d4d4d4; font-size:9pt; } #listing-products .listing-split .counter { float:left; margin:9px 0 0 10px; } #listing-products .listing-split .paging { float:right; margin:0 0 0 10px; text-align:center; } #listing-products .listing-split .paging .jump { float:left; border-left:1px solid #d4d4d4; height:33px; width:33px; } #listing-products .listing-split .paging .jump .output { height:27px; padding-top:5px; font-size:13pt; font-weight:bold; } #listing-products .listing-split .paging .jump-active { float:left; width:33px; height:33px; border-left:1px solid #d4d4d4; border-right:1px solid #d4d4d4; background-image:url(../images/we_design/split_page_bg.png); } #listing-products .listing-split .paging .jump-active .output { margin-top:5px; font-size:13pt; color:#FFF; font-weight:bold; } /*** selection design ***/ #listing-products .listing-design { float:right; height:40px; margin-right:0; font-size:10pt; } #listing-products .listing-design .selection-look { float:left; border:1px solid #d4d4d4; margin:5px; width:190px; height:30px; background-image:url(../images/we_design/dropdown_arrow.png); background-repeat:no-repeat; background-position:right; cursor:pointer; } #listing-products .listing-design .selection-look .info { margin-left:5px; margin-top:6px; font-variant:small-caps; } #listing-products .listing-design .selection-look:hover > ul li ul { position:absolute; display:block; z-index:999; font-size:10pt; } #listing-products .listing-design .selection-look ul ul { display:none; margin-top:8px; width:190px; background-color:#FFF; -moz-box-shadow:0 2px 10px #000; -webkit-box-shadow:0 2px 10px #000; box-shadow:0 2px 10px #000; } #listing-products .listing-design .selection-look ul ul li { line-height:20pt; text-align:left; width:190px; border-bottom:1px solid #d4d4d4; } #listing-products .listing-design .selection-look ul ul li .output { margin-left:5px; } #listing-products .listing-design .selection-look ul ul li div a { display:block; font-size:10pt; } #listing-products .listing-design .selection-look ul ul li:hover { background-color:#E4E4E4; } /*** selection results ***/ #listing-products .listing-design .selection-max-result { float:left; border:1px solid #d4d4d4; margin:5px; width:190px; height:30px; background-image:url(../images/we_design/dropdown_arrow.png); background-repeat:no-repeat; background-position:right; cursor:pointer; } #listing-products .listing-design .selection-max-result .info { margin-left:5px; margin-top:6px; font-variant:small-caps; } #listing-products .listing-design .selection-max-result:hover > ul li ul { position:absolute; display:block; z-index:999; font-size:10pt; } #listing-products .listing-design .selection-max-result ul ul { display:none; margin-top:8px; width:190px; background-color:#FFF; -moz-box-shadow:0 2px 10px #000; -webkit-box-shadow:0 2px 10px #000; box-shadow:0 2px 10px #000; } #listing-products .listing-design .selection-max-result ul ul li { line-height:20pt; text-align:left; width:190px; border-bottom:1px solid #d4d4d4; } #listing-products .listing-design .selection-max-result ul ul li div { margin-left:5px; } #listing-products .listing-design .selection-max-result ul ul li div a { display:block; font-size:10pt; } #listing-products .listing-design .selection-max-result ul ul li:hover { background-color:#E4E4E4; } /*** selection direction ***/ #listing-products .listing-design .selection-direction { float:left; border:1px solid #d4d4d4; margin:5px 0 5px 5px; width:190px; height:30px; background-image:url(../images/we_design/dropdown_arrow.png); background-repeat:no-repeat; background-position:right; cursor:pointer; } #listing-products .listing-design .selection-direction .info { margin-left:5px; margin-top:6px; font-variant:small-caps; } #listing-products .listing-design .selection-direction:hover > ul li ul { position:absolute; display:block; z-index:999; font-size:10pt; } #listing-products .listing-design .selection-direction ul ul { display:none; margin-top:8px; width:190px; background-color:#FFF; -moz-box-shadow:0 2px 10px #000; -webkit-box-shadow:0 2px 10px #000; box-shadow:0 2px 10px #000; } #listing-products .listing-design .selection-direction ul ul li { line-height:20pt; text-align:left; width:190px; border-bottom:1px solid #d4d4d4; } #listing-products .listing-design .selection-direction ul ul li div { margin-left:5px; } #listing-products .listing-design .selection-direction ul ul li div a { display:block; font-size:10pt; } #listing-products .listing-design .selection-direction ul ul li:hover { background-color:#E4E4E4; } /*** categories listing gallery ***/ #listing-categories { max-width:1250px; margin:0 auto; } #listing-categories .box { float:left; width:290px; height:250px; border:1px solid #999; margin:5px 5px 5px 7px; border-radius:0 0 10px 10px; } #listing-categories .box .header { width:292px; height:22px; margin:-1px 0 0 -1px; padding:0; font-size:10pt; overflow:hidden; z-index:2; } #listing-categories .box .header .output, .box-exploded .header .output, .box-exploded-small .header .output { padding:2px 0 2px 5px; } #listing-categories .box .header .output a, .box-exploded .header .output a, .box-exploded-small .header .output a { color:#FFF; font-weight:bold; } #listing-categories .box .image { width:290px; height:130px; margin-top:21px; background-position:center; background-repeat:no-repeat; } #listing-categories .box .list { width:290px; height:40px; padding:5px 0 0 10px; font-size:10pt; line-height:15pt; } #listing-categories .box .list .more { width:200px; height:40px; padding:5px 0 0 10px; font-size:10pt; line-height:15pt; text-align:right; } #listing-categories .box-exploded { float:left; width:390px; height:280px; border:1px solid #999; margin:5px 5px 5px 7px; border-radius:0 0 10px 10px; } #listing-categories .box-exploded .header { width:392px; height:22px; margin:-1px 0 0 -1px; padding:0; font-size:10pt; overflow:hidden; z-index:2; } #listing-categories .box-exploded .image-exploded { width:390px; height:250px; margin-top:21px; background-position:center; background-repeat:no-repeat; } #listing-categories .box-exploded-small { float:left; width:290px; height:220px; border:1px solid #999; margin:5px 5px 5px 7px; border-radius:0 0 10px 10px; } #listing-categories .box-exploded-small .header { width:292px; height:22px; margin:-1px 0 0 -1px; padding:0; font-size:10pt; overflow:hidden; z-index:2; } #listing-categories .box-exploded-small .image-exploded-small { width:280px; height:210px; margin:0 auto; background-position:center; background-repeat:no-repeat; } /*** checkout ***/ #process-info { float:left; width:310px; border:1px solid #d4d4d4; } #process-info .step-active { padding:5px; color:#090; font-size:15pt; text-align:center; text-shadow: 0.1em 0.1em 0.1em #999; } #process-info .step-inactive { padding:5px; color:#F00; opacity:0.2; filter:alpha(opacity=20); font-size:13pt; text-align:center;text-shadow: 0.1em 0.1em 0.1em #999; } #process-info .step-finished { padding:5px; color:#090; opacity:0.4; filter:alpha(opacity=40); font-size:13pt; text-align:center; text-shadow: 0.1em 0.1em 0.1em #999; } #process-info .step-finished a { color:#090; text-shadow: 0.1em 0.1em 0.1em #999; } #process-info .step-image { width:310px; height:70px; margin:10px 0 0 11px; background-image:url(../images/we_design/process_arrow_down.png); background-repeat:no-repeat; background-position:center; } #checkout-form { float:right; width:900px; border:1px solid #d4d4d4; } #checkout-form #cart-table-head { display:table; width:900px; height:20px; background-color:#F00; font-size:11pt; font-variant:small-caps; font-weight:bold; color:#FFF; } #cart-table-head .image { display:table-cell; width:85px; } #cart-table-head .name { display:table-cell; min-width:190px; } #cart-table-head .price { display:table-cell; width:80px; text-align:right; } #cart-table-head .qty { display:table-cell; width:60px; text-align:right; } #cart-table-head .tax { display:table-cell; width:60px; text-align:right; } #cart-table-head .discount { display:table-cell; width:70px; text-align:right; } #cart-table-head .total { display:table-cell; width:85px; text-align:right; } #cart-table-head .delete { display:table-cell; width:30px; } #checkout-form .cart-table-row { display:table; width:900px; margin:5px 0 5px 0; font-size:9pt; } .cart-table-row .image { display:table-cell; width:85px; height:80px; vertical-align:top; } .cart-table-row .image .output { width:75px; height:75px; margin:5px 0 0 5px; background-size:cover; background-position:center; background-repeat:no-repeat; } .cart-table-row .cell { display:table-cell; width:815px; } .cart-table-row .cell .table { display:table; width:815px; height:80px; } .cart-table-row .details { display:table-cell; min-width:200px; padding:2px 0 0 5px; vertical-align:top; } .cart-table-row .name { width:495px; height:30px; overflow:hidden; } .cart-table-row .options { height:15px; margin:10px 0 0 0; font-size:8pt; } .cart-table-row .model { float:left; width:240px; height:15px; margin-top:9px; font-size:8pt; } .cart-table-row .status { float:left; width:240px; height:15px; margin:9px 0 0 15px; font-size:8pt; } .cart-table-row .price { display:table-cell; width:80px; padding-top:2px; text-align:right; vertical-align:top; } .cart-table-row .qty { display:table-cell; width:60px; padding-top:2px; text-align:right; vertical-align:top; } .cart-table-row .tax { display:table-cell; width:60px; padding-top:2px; text-align:right; vertical-align:top; } .cart-table-row .discount { display:table-cell; width:70px; padding-top:2px; text-align:right; vertical-align:top; } .cart-table-row .total { display:table-cell; width:85px; padding-top:2px; text-align:right; vertical-align:top; } .cart-table-row .delete { display:table-cell; width:25px; padding:3px 5px 0 0; text-align:right; vertical-align:top; } #checkout-form .line { width:890px; height:1px; margin:5px 0 5px 5px; background-color:#d4d4d4; } #checkout-form .sub-total { float:right; margin-right:30px; font-size:11pt; } #checkout-form .sub-total .label { float:left; width:200px; text-align:right; line-height:25px; } #checkout-form .sub-total .output { float:left; width:150px; text-align:right; line-height:25px; } #checkout-form .sub-total .label-total { float:left; width:200px; text-align:right; line-height:25px; font-weight:bold; } #checkout-form .sub-total .output-total { float:left; width:150px; text-align:right; line-height:25px; font-weight:bold; } #checkout-form .shipping-free { text-align:center; line-height:25px; font-size:10pt; } #checkout-form #tax-info { float:right; display:table; margin:0 5px 0 5px; text-align:center; font-size:10pt; } #checkout-form #tax-info .info-header { background-color:#d4d4d4; padding:5px; font-weight:bold; } #checkout-form #tax-info .col-small { display:table-cell; width:140px; text-align:center; } #checkout-form #tax-info .col-small .info-output { float:left; width:140px; margin-top:5px; } #checkout-form #tax-info .col-normal { display:table-cell; padding-left:5px; width:375px; text-align:center; } #checkout-form #tax-info .col-normal .info-output { float:left; width:120px; margin-top:5px; } #checkout-form .box-left { float:left; width:435px; padding:5px; color:#4A4A4A; } .box-left .icon { float:left; width:25px; } .box-left .title { float:left; font-weight:bold; text-decoration:underline; } .box-left .title a { color:#4A4A4A; } .box-left .padding { padding-left:30px; } .box-left .output{ padding:5px 0 0 30px; font-size:10pt; } .box-left .hover-row { padding:10px 0 0 30px; } .box-left .hover-row .radio { float:left; width:25px; } .box-left .hover-row .title { float:left; width:300px; font-size:10pt; font-weight:normal; text-decoration:none; } .box-left .hover-row .price { float:left; width:80px; font-weight:normal; text-decoration:none; font-size:10pt; } #checkout-form .box-right { float:left; width:435px; padding:5px; margin-left:10px; color:#4A4A4A; } .box-right .icon { float:left; width:25px; } .box-right .title { float:left; font-weight:bold; text-decoration:underline; } .box-right .title a { color:#4A4A4A; } .box-right .padding { padding-left:30px; } .box-right .output{ padding:5px 0 0 30px; font-size:10pt; } .box-right .hover-row { padding:10px 0 0 30px; } .box-right .hover-row .radio { float:left; width:25px; } .box-right .hover-row .title { float:left; width:300px; font-size:10pt; font-weight:normal; text-decoration:none; } .box-right .hover-row .price { float:left; width:80px; font-weight:normal; text-decoration:none; font-size:10pt; } #checkout-form .box-complete { width:890px; padding:5px; color:#4A4A4A; } .box-complete .icon { float:left; width:25px; } .box-complete .title { float:left; font-weight:bold; text-decoration:underline; } .box-complete .title a { color:#4A4A4A; } .box-complete .output { padding:5px 0 0 30px; font-size:10pt; } .box-complete .output .text { float:left; padding-top:4px; font-size:10pt; } .box-complete .output .field { float:left; } .box-complete .output .field input { width:250px; border:1px solid #4A4A4A; border-radius:5px; font-size:10pt; color:#666; font-style:italic; padding:3px; } .box-complete .output .button { float:left; margin-left:10px; padding-top:4px; } .box-complete .textarea { padding:5px 30px 0 30px; } .box-complete .textarea textarea { width:830px; border:1px solid #d4d4d4; resize:none; } #checkout-form .selection-overlay { position:absolute; width:435px; height:30px; display:none; z-index:10; background-color:#FFF; opacity: 0.5; -moz-opacity: 0.5; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; filter:alpha(opacity=50); } #checkout-form input[type="radio"] { display:none; } #checkout-form input[type="radio"] + label{ display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(../images/we_design/check_radio_sheet.png) -38px top no-repeat; cursor:pointer; } #checkout-form input[type="radio"]:checked + label { background:url(../images/we_design/check_radio_sheet.png) -57px top no-repeat; } /*BOF: Kreditkarte -- WSB -- 14-12-2017*/ #checkout-form-paymentDo { float: right; width: 900px; border: 1px solid #d4d4d4; } #checkout-form-paymentDo section#creditCardFields { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; align-items: center; justify-content: center; padding: 0 1em 1em 1em; } #checkout-form-paymentDo section#creditCardFields .fieldSets { flex: 1; -webkit-flex: 1; -ms-flex: 1; max-width: 35em; } #checkout-form-paymentDo .fieldsRow { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; } #checkout-form-paymentDo .buttonRow { text-align: right; } #checkout-form-paymentDo .headerRow { font-weight: bold; text-decoration:underline; font-size: 1.2em; padding: .5em 0 1em 0; } #checkout-form-paymentDo .fieldsRow .fieldSet { flex: 1; -webkit-flex: 1; -ms-flex: 1; } #checkout-form-paymentDo .fieldsRow .fieldSet .fieldSetHalf { flex: 1; -webkit-flex: 1; -ms-flex: 1; display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; } #checkout-form-paymentDo .fieldsRow .fieldSet .fieldSetHalf .half { flex: 1; -webkit-flex: 1; -ms-flex: 1; } #checkout-form-paymentDo .fieldsRow .fieldSet label { display: block; padding-bottom: 0 0 3px 3px; font-weight: bold; } #checkout-form-paymentDo .fieldsRow .fieldSet input, #checkout-form-paymentDo .fieldsRow .fieldSet select { width: 100%; padding: .3em; } #checkout-form-paymentDo .fieldsRow .fieldSet .fieldSetHalf input, #checkout-form-paymentDo .fieldsRow .fieldSet .fieldSetHalf select { width: 100%; padding: .3em; } #checkout-form-paymentDo .buttonRow { display: flex; display: -webkit-box; display: -ms-flexbox; display: -webkit-flex; } #checkout-form-paymentDo .buttonRow .left { flex: 1; -webkit-flex: 1; -ms-flex: 1; text-align:left !important; } #checkout-form-paymentDo .buttonRow .right { flex: 1; -webkit-flex: 1; -ms-flex: 1; text-align: right; } #checkout-form-paymentDo .sepVer1 { flex: 1; -webkit-flex: 1; -ms-flex: 1; max-width: 1em; } /*EOF: Kreditkarte -- WSB -- 14-12-2017*/ /*BOF: Login*/ #login-tabs { position:relative; float:none; } #login-tabs input[type=radio] { position:absolute; display:none; } #login-tabs label.login-tabs { position:relative; float:left; display:block; top:5px; padding:8px 5px; margin-left:5px; margin-right:5px; border-radius:2px 2px 0 0; background:rgba(153,153,153,0.2); -webkit-transition:all 0.2s ease-in-out; -moz-transition:all 0.2s ease-in-out; -o-transition:all 0.2s ease-in-out; transition:all 0.2s ease-in-out; -moz-box-shadow:0 3px 5px #000; -webkit-box-shadow:0 3px 5px #000; box-shadow:0 3px 5px #000; color:#000; font-size:11pt; font-weight:normal; cursor:pointer; z-index:1; -ms-user-select:none; -webkit-user-select:none; -moz-user-select:none; user-select:none; } #login-tabs label.login-tabs label:hover { background:rgba(255,48,25,0.7); } #login-tabs [id^=log-tab]:checked + label { background:#ff3019; color:#fff; top:0; background:-moz-linear-gradient(top, #ff3019 50%, #cf0404 100%); background:-webkit-gradient(linear, left top, left bottom, color-stop(50%,#ff3019), color-stop(100%,#cf0404)); background:-webkit-linear-gradient(top, #ff3019 50%,#cf0404 100%); background:-o-linear-gradient(top, #ff3019 50%,#cf0404 100%); background:-ms-linear-gradient(top, #ff3019 50%,#cf0404 100%); background:linear-gradient(to bottom, #ff3019 50%,#cf0404 100%); filter:progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); -moz-box-shadow:0 3px 5px #000; -webkit-box-shadow:0 3px 5px #000; box-shadow:0 3px 5px #000; text-shadow:0.1em 0.1em 0.4em #666; } #login-tabs [id=log-tab1]:checked ~ #tab-content-1 { clear:left; display: block; } #login-tabs [id=log-tab1] ~ #tab-content-1 { display:none; } #login-tabs [id=log-tab2]:checked ~ #tab-content-2 { clear:left; display:block; } #login-tabs [id=log-tab2] ~ #tab-content-2 { display:none; } #login-tabs [id=log-tab3]:checked ~ #tab-content-2 { clear:left; display:block; } #login-tabs [id=log-tab3]:checked ~ #tab-content-2 .radio-group #gender-company-1, #login-tabs [id=log-tab3]:checked ~ #tab-content-2 .radio-group #gender-company-2 { visibility: hidden; } #login-tabs [id=log-tab3]:checked ~ #tab-content-2 #password-area-1, #login-tabs [id=log-tab3]:checked ~ #tab-content-2 #password-area-2, #login-tabs [id=log-tab3]:checked ~ #tab-content-2 #password-area-3, #login-tabs [id=log-tab3]:checked ~ #tab-content-2 #password-area-4 { visibility: hidden; } .login-tab-content { position:relative; width:975px; padding:10px; display:none; z-index:3; text-align:left; font-size:10pt; border:1px dashed #ccc; background:#FFF; } /* .login-tab-content .small-info { font-weight:bold; } .login-tab-content .label { display:table-cell; font-weight:bold; padding-bottom:3px; } .login-tab-content .top { width:315px; } .login-tab-content .top-half { width:153px; } .login-tab-content .top-double { width:645px; } .login-tab-content .field { display:table-cell; } .login-tab-content .bottom { width:315px; } .login-tab-content .bottom-half { width:153px; } .login-tab-content .bottom-double { width:645px; } .login-tab-content .checkbox { display:table-cell; height:25px; } .login-tab-content input[type=text], .login-tab-content input[type=password], .login-tab-content select { width:315px; border:1px solid #4A4A4A; border-radius:2px; font-size:11pt; color:#666; padding:5px; } .login-tab-content select { width:315px; border:1px solid #4A4A4A; border-radius:2px; font-size:11pt; color:#666; padding:4px; } .login-tab-content input[class=half] { width:153px; border:1px solid #4A4A4A; border-radius:2px; font-size:11pt; color:#666; padding:5px; } .login-tab-content input[class=double] { width:645px; border:1px solid #4A4A4A; border-radius:2px; font-size:11pt; color:#666; padding:5px; } .login-tab-content .button { display:table-cell; } .login-tab-content .right-2 { width:640px; text-align:right; } .login-tab-content .right-3 { width:975px; text-align:right; } .login-tab-content .radio-group { width:100%; } .login-tab-content .radio-group .field { float:left; width:25px; } .login-tab-content .radio-group .label { float:left; width:100px; } .login-tab-content .radio-group input[type="radio"] { display:none; } .login-tab-content .radio-group input[type="radio"] + label{ display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(../images/we_design/check_radio_sheet.png) -38px top no-repeat; cursor:pointer; } .login-tab-content .radio-group input[type="radio"]:checked + label { background:url(../images/we_design/check_radio_sheet.png) -57px top no-repeat; } */ /*EOF: Login*/ /*.user-data-form { padding:10px; text-align:left; font-size:10pt; border:1px dashed #ccc; }*/ /*** footer ***/ #footer-wrapper { position:relative; width:auto; min-width:1250px; margin:10px 35px 0 35px; } #footer { display:flex; max-width:1250px; margin:0 auto; font-size:11pt; } .footer-column { flex:1; padding:5px; } .footer-column-header { width:auto !important; font-size:13pt; font-weight:bold; font-variant:small-caps; text-align:center; } #footer .footer-column .header-small { padding-bottom:5px; font-size:9pt; font-weight:bold; font-variant:small-caps;} #footer .footer-column .info { color:#333; font-size:9pt; font-style:italic; padding:5px; } #footer .footer-column .info .left { float:left; width:113px; } #footer .footer-column .info .right { float:right; width:113px; text-align:right; } #footer .footer-column .info .center { float:center; width:210px; } #footer .footer-column .info .complete { } #footer .footer-column .info a { color:#333; font-size:9pt; font-style:italic; } /* BOF: Algemein */ .sep-hor-5 { height:5px; } .sep-hor-10 { height:10px; } .sep-hor-13 { height:13px; } .sep-hor-15 { height:15px; } .sep-ver-2 { float:left; height:1px; width:2px; } .sep-ver-5 { float:left; height:1px; width:5px; } .sep-ver-6 { float:left; height:1px; width:6px; } .sep-ver-10 { float:left; height:1px; width:10px; } .sep-ver-15 { float:left; height:1px; width:15px; } .div-clear { clear:both; } .clear { clear:both; } .table-cell-10 { display:table-cell; width:10px; } .table-cell-9 { display:table-cell; width:9px; } .table-cell-15 { display:table-cell; width:15px; } .float-left { float:left; } .float-right { float:right; } .horiz-separator { height:15px; } .horiz-separator-13 { height:13px; } .horiz-separator-15 { height:15px; } .horiz-separator-5 { height:5px; } .verti-separator-15 { float:left; width:15px; height:1px; } .padding-10 { padding:10px; } .margin-10 { margin:10px; } /*ul { display:block; margin:0; padding:0 !important; } li { display:block; margin:0; padding:0 !important; }*/ h1, h2 { margin:0; padding:0; font-size:10pt; font-weight:normal; } .center-content { text-align:center; } .font-black { color:#000000; } .font-grey { color:#4A4A4A; } #messageStack-error { border:1px solid #F00; background-color:#FFC6C6; padding:15px; } #messageStack-error .text { font-size:9pt; padding:2px; } #messageStack-success { border:1px solid #090; background-color:#CCFFD0; padding:15px; } #messageStack-error .text { font-size:9pt; padding:2px; } #messageStack-error-small { border:1px solid #F00; background-color:#FFC6C6; margin:10px 25px 0 25px; padding:5px; font-size:9pt; } #messageStack-success-small { border:1px solid #090; background-color:#CCFFD0; margin:10px 25px 0 25px; padding:5px; font-size:9pt; } a { color: #000000; text-decoration: none; outline: 0;} a:hover { color: #000000; text-decoration: none; } input[type="text"], input[type="password"], textarea, select { border:1px solid #cfcfcf; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; resize:none; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus, select:focus { outline:none; border-color:#ff3019; box-shadow: inset 0 0 2px #ff3019; } input::-moz-focus-inner { border: 0; } /*input[type="checkbox"] { display:none; } input[type="checkbox"] + label { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(../images/k4s/check_radio_sheet.png) left top no-repeat; cursor:pointer; } input[type="checkbox"]:checked + label { background:url(../images/k4s/check_radio_sheet.png) -19px top no-repeat; } */ /* input[type="radio"] { display:none; } input[type="radio"] + label{ display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(../images/we_design/check_radio_sheet.png) -38px top no-repeat; cursor:pointer; } input[type="radio"]:checked + label { background:url(../images/we_design/check_radio_sheet.png) -57px top no-repeat; } input[type="checkbox"] { display:none; } input[type="checkbox"] + label { display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(../images/we_design/check_radio_sheet.png) left top no-repeat; cursor:pointer; } input[type="checkbox"]:checked + label { background:url(../images/we_design/check_radio_sheet.png) -19px top no-repeat; } */ .MagicZoomPup { background: #90a8d6; } .button-left { float:left; margin:0; padding:0; /*padding:10px;*/ } .button-right { float:right; margin:0; padding:0; /*padding:10px;*/ } /* EOF: Algemein */ /* EOF: Main */ /* BOF: main */ #center-content-manual { width:100%; } #center-content-manual .information-content h1, #center-content-manual .information-content h2 { margin:5px 15px 0 15px; }, #center-content-manual .information-content h3, #center-content-manual .information-content h4 { padding:0; margin:0; } #center-content-manual .information-katalog { margin:10px 15px 0 15px; }, #center-content-small { width:1002px; margin:0 auto; } #center-content-small .header { margin:0; padding:0; } #center-content-small .information-content { padding:10px; } #main-content #center-content .header {} #center-content-small .header h1 { height:25px; margin:0; padding:0; font-size:14pt; font-weight:bold; text-shadow: 0.1em 0.1em 0.1em #999; } #center-content-small .information-content { font-size:12pt; font-weight:normal; } .content-heading { } .content-heading h1 { height:25px; margin:0; padding:0; font-size:14pt; font-weight:bold; text-shadow: 0.1em 0.1em 0.1em #999; } /*.user-data-form .top-full { width:980px; } .user-data-form .field { float:left; } .user-data-form .bottom { width:315px; } .user-data-form .bottom-half { width:153px; } .user-data-form .bottom-double { width:645px; } .user-data-form .bottom-full { width:980px; } .user-data-form .checkbox { display:table-cell; height:25px; }*/ /*.user-data-form input, .user-data-form select { width:315px; border:1px solid #4A4A4A; border-radius:2px; font-size:11pt; color:#666; padding:5px; }*/ /*.user-data-form input.half { width:153px; border:1px solid #4A4A4A; border-radius:2px; font-size:11pt; color:#666; padding:5px; }*/ /*.user-data-form input.full { width:980px; border:1px solid #4A4A4A; border-radius:2px; font-size:11pt; color:#666; padding:5px; }*/ /*.user-data-form input[class=required] { background: #FFF url(../images/we_design/Star-icon.png) no-repeat right 1px; border:1px solid #4A4A4A; border-radius:2px; font-size:11pt; color:#666; padding:5px 30px 5px 5px; }*/ /*.user-data-form .button { display:table-cell; } .user-data-form .right-3 { width:975px; text-align:right; }*/ /*.user-data-form .half { width:153px; }*/ .user-data-form {} .user-data-form .small-info { font-weight:normal; } .user-data-form .radio-group { width:100%; padding-left:5px; } .user-data-form .radio-group .field { float:left; width:25px; } .user-data-form .radio-group .label { float:left; width:100px; } .user-data-form .radio-group input[type="radio"] { display:none; } .user-data-form .radio-group input[type="radio"] + label{ display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(../images/we_design/check_radio_sheet.png) -38px top no-repeat; cursor:pointer; } .user-data-form .radio-group input[type="radio"]:checked + label { background:url(../images/we_design/check_radio_sheet.png) -57px top no-repeat; } .user-data-form .label { float:left; width:312px; font-weight:bold; padding-bottom:3px; padding-left:3px; } .user-data-form .label-narrow { float:left; width:212px; font-weight:bold; padding-bottom:3px; padding-left:3px; } .user-data-form .label-half { float:left; width:147px; font-weight:bold; padding-bottom:3px; padding-left:3px; } .user-data-form .label-double { float:left; width:642px; font-weight:bold; padding-bottom:3px; margin-left:3px; } .user-data-form .label-full { float:left; width:967px; font-weight:bold; padding-bottom:3px; margin-left:3px; } .user-data-form .field { float:left; } .user-data-form .field-half { float:left; width:150px; height:30px; background-position:center; background-repeat:no-repeat; } .user-data-form input.standard { width:315px; border:1px solid #4A4A4A; border-radius:2px; font-size:11pt; color:#666; padding:5px; } .user-data-form input.standard-narrow { width:215px; border:1px solid #4A4A4A; border-radius:2px; font-size:11pt; color:#666; padding:5px; } .user-data-form input.half { width:150px; border:1px solid #4A4A4A; border-radius:2px; font-size:11pt; color:#666; padding:5px; } .user-data-form input.double { width:645px; border:1px solid #4A4A4A; border-radius:2px; font-size:11pt; color:#666; padding:5px; } .user-data-form input.double-narrow { width:648px; border:1px solid #4A4A4A; border-radius:2px; font-size:11pt; color:#666; padding:5px; } .user-data-form input.full { width:975px; border:1px solid #4A4A4A; border-radius:2px; font-size:11pt; color:#666; padding:5px; } .user-data-form textarea.full { width:975px; border:1px solid #4A4A4A; border-radius:2px; font-size:11pt; color:#666; padding:5px; } .user-data-form select { width:315px; border:1px solid #4A4A4A; border-radius:2px; font-size:11pt; color:#666; padding:4px; } .user-data-form .checkbox { float:left; width:320px; margin-left:10px; padding-top:4px; } .user-data-form input[type="checkbox"] { display:none; } .user-data-form input[type="checkbox"] + label{ display:inline-block; width:19px; height:19px; margin:-1px 4px 0 0; vertical-align:middle; background:url(../images/we_design/check_radio_sheet.png) 0px top no-repeat; cursor:pointer; } .user-data-form input[type="checkbox"]:checked + label { background:url(../images/we_design/check_radio_sheet.png) -19px top no-repeat; } .user-data-form .checkbox SPAN {} .user-data-form .info-text { float:left; width:315px; } .user-data-form .info-text-full { float:left; width:975px; padding-left:5px; } .user-data-form .input textarea { width:975px; height:150px; border:1px solid #4A4A4A; border-radius:2px; font-size:11pt; color:#666; padding:5px; } .user-data-form .right-2 { width:645px; text-align:right; } .user-data-form input.required { background:#FFF url(../images/we_design/Star-icon.png) no-repeat right 1px; padding:5px 30px 5px 5px; } .required-image { width:25px; height:25px; background:#FFF url(../images/we_design/Star-icon.png) no-repeat right 1px; } .required-text { margin:8px 10px 0 5px; font-weight:bold; text-decoration:underline; } .form-border { width:975px; padding:10px; text-align:left; font-size:10pt; border:1px dashed #ccc; background:#FFF; } .form-border-small { width:878px; padding:10px; text-align:left; font-size:10pt; border:1px dashed #ccc; background:#FFF; } /*EOF: listing design*/ /*BOF: listing products*/ /* #product-listing { max-width:1250px; margin:0 auto; } #product-listing .header { background-color:#b3b3b3; background-image:url(../images/we_design/header_information_bg.png); background-repeat:repeat-x; border-radius:5px; font-variant:small-caps; font-weight:bold; } #product-listing .header .output { color:#000; font-size:12pt; padding:5px 0 5px 5px; text-shadow: 0.1em 0.1em 0.1em #999; } */ .small-info { font-weight:normal; font-size:8pt; } /*EOF: listing products*/ .tabs input[type=radio] { position:absolute; display:none; /*top:-20px; left:-9999px;*/ } .tabs { position:relative; float:none; list-style:none; } .tabs li { float:left; margin-left:5px; } .tabs label { position: relative; display: block; top: 5px; padding: 5px 5px; border-radius: 2px 2px 0 0; background: rgba(153,153,153,0.2); -webkit-transition: all 0.2s ease-in-out; -moz-transition: all 0.2s ease-in-out; -o-transition: all 0.2s ease-in-out; transition: all 0.2s ease-in-out; -moz-box-shadow:0 3px 5px #000; -webkit-box-shadow:0 3px 5px #000; box-shadow:0 3px 5px #000; color: #000; font-size: 11pt; font-weight: normal; cursor: pointer; } .tabs label:hover { background: rgba(255,48,25,0.7); top: 5px; } [id^=tab]:checked + label { background: #ff3019; color: white; top: 0; position: relative; background: -moz-linear-gradient(top, #ff3019 50%, #cf0404 100%); /* FF3.6+ */ background: -webkit-gradient(linear, left top, left bottom, color-stop(50%,#ff3019), color-stop(100%,#cf0404)); /* Chrome,Safari4+ */ background: -webkit-linear-gradient(top, #ff3019 50%,#cf0404 100%); /* Chrome10+,Safari5.1+ */ background: -o-linear-gradient(top, #ff3019 50%,#cf0404 100%); /* Opera 11.10+ */ background: -ms-linear-gradient(top, #ff3019 50%,#cf0404 100%); /* IE10+ */ background: linear-gradient(to bottom, #ff3019 50%,#cf0404 100%); /* W3C */ filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ff3019', endColorstr='#cf0404',GradientType=0 ); /* IE6-9 */ -moz-box-shadow:0 3px 5px #000; -webkit-box-shadow:0 3px 5px #000; box-shadow:0 3px 5px #000; text-shadow: 0.1em 0.1em 0.4em #666; } [id^=tab]:checked ~ [class^=tab-content] { position: absolute; display: block; width: 707px; } .tab-content{ position: absolute; width: 707px; padding: 10px; left: 0; display: none; z-index:2; text-align: left; font-size: 10pt; border:1px solid #ccc; background: #FFF; color: #000; } /* Artikel nachladen */ .dynamic-prod-row { width:705px; min-height:30px; max-height:45px; border:1px solid #CCC; font-size:9pt; } .prod-row-short { width:585px; } .dynamic-prod-row .image-icon { float:left; width:18px; height:18px; padding:2px 0 0 2px; margin:5px 0 0 5px; } .dynamic-prod-row .image { position:absolute; z-index:9999; margin-left:20px; max-width:150px; max-height:150px; padding:5px; background-color:#FFF; display:none; border:1px solid #ccc; -moz-box-shadow:0 0px 5px #000; -webkit-box-shadow:0 0px 5px #000; box-shadow:0 0px 5px #000; } .dynamic-prod-row .name { float:left; width:415px; max-height:20px; margin:5px 0 0 5px; line-height:20px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; font-size:9pt; } .dynamic-prod-row .name-short { float:left; width:295px; max-height:20px; margin:5px 0 0 5px; line-height:20px; white-space: nowrap; overflow: hidden; text-overflow:ellipsis; } .dynamic-prod-row .name a:hover { text-decoration:underline; font-weight:normal; color:#000; font-size:9pt; } .dynamic-prod-row .model { float:left; width:75px; margin:5px 0 0 5px; line-height:20px; } .dynamic-prod-row .model a:hover { text-decoration:underline; font-weight:normal; } .dynamic-prod-row .price { float:left; width:80px; margin:5px 0 0 5px; line-height:20px; text-align:right; } .dynamic-prod-row .qty { float:left; width:50px; margin:5px 0 0 15px; line-height:20px; } .dynamic-prod-row .cart { float:left; width:18px; padding:2px 0 0 2px; margin:5px 5px 0 5px; line-height:18px; } .dynamic-prod-row .base-price { width:170px; margin:3px 0 5px 475px; font-size:7pt; } .star-info { width:705px; text-align:right; font-size:7pt; } .star-info-short-row { width:585px; text-align:right; font-size:7pt; } .header { float:left; width:1000px; margin-left:5px; } .header h1 { font-size:17pt; font-weight:bold; } .header-description { float:left; width:990px; padding:5px 0 0 10px; } .header-description h2 { font-size:10pt; font-weight:normal; } .header-image { float:right; height:75px; width:125px; margin-right:7px; text-align:right; } .header-description h3 { font-size:12pt; font-weight:normal; } /* FIN Suche Tab Formatierung */ .csstab { width: 140px; display: block; float: left; } .header-vehicle-images-row { position:relative; height:150px; max-width:1220px; margin-bottom:15px; overflow-x:auto; } .header-vehicle-images { display:table; height:120px; } .vehicle-image-box { display:table-cell; width:200px; height:120px; } .vehicle-image-box-margin { display:table-cell; width:200px; height:120px; } .vehicle-image { width:200px; height:100px; margin-bottom:10px; } .vehicle-name { width:200px; height:20px; overflow:hidden; text-overflow: ellipsis; white-space: nowrap; font-size:8pt; text-align:center; } /* .popup-vehicle-images { position:absolute; width:450px; height:270px; padding:10px; display:none; background-position:center; background-repeat:no-repeat; */ .popup-vehicle-images { position:absolute; width:640px; height:480px; padding:10px; display:none; background-position:center; background-repeat:no-repeat; background-size:contain; background-color:#FFF; z-index:9999; -moz-box-shadow:0 0 5px #000; -webkit-box-shadow:0 0 5px #000; box-shadow:0 0 5px #000; } .header-vehicle-arrow-left { position:absolute; width:25px; height:80px; margin-top:25px; background:url(../images/we_design/scroll_arrow_left.png); left:0; display:none; } .header-vehicle-arrow-right { position:absolute; width:25px; height:80px; margin-top:25px; background:url(../images/we_design/scroll_arrow_right.png); right:0; display:none; } .bg-image-href { width:100%; height:100%; } .middle-button { display:inline-block; height:20px; padding:0 10px 0 10px; background-color:#448d28; border:none; outline:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;font-size:10pt; box-shadow: inset 0 0 2px #FFF; cursor:pointer; color:#FFF; font-weight:bold; text-decoration:none; font-family:Arial; } .middle-button:active { position:relative; top:1px; } .middle-button::-moz-focus-inner { border: none; } .width-button { display:inline-block; min-width:160px; padding:3px 10px 3px 10px; border:none; outline:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:10pt; box-shadow: inset 0 0 2px #FFF; color:#FFF; font-weight:bold; text-decoration:none; font-family:Arial; cursor:pointer; } .width-button:active { position:relative; top:1px; } .width-button::-moz-focus-inner { border: none; } .middle-button-inactive { display:inline-block; height:20px; padding:0 10px 0 10px; background-color:#a7a7a7; border:none; outline:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px;font-size:10pt; box-shadow: inset 0 0 2px #FFF; color:#FFF; font-weight:bold; text-decoration:none; font-family:Arial; text-shadow: 0.1em 0.1em 0.1em #999; } span.width-button { display:inline-block; width:160px; padding:3px 10px 3px 10px; border:none; border-radius:5px; -moz-border-radius:5px; -webkit-border-radius:5px; font-size:10pt; box-shadow: inset 0 0 2px #FFF; color:#FFF; font-weight:bold; text-align:center; cursor:pointer; } span.width-button:active { position:relative; top:0px; } .button-link { cursor:pointer; } .button-green { background-color:#4a922c; text-shadow: 0.1em 0.1em 0.1em #999; } .button-grey { background-color:#a7a7a7; text-shadow: 0.1em 0.1em 0.1em #999; } .button-blue { background-color:#6884ff; text-shadow: 0.1em 0.1em 0.1em #999; } .button-red { background-color:#FF595E; text-shadow: 0.1em 0.1em 0.1em #999; } .button-inacive { background-color:#; cursor: default; } .order-total { float:right; padding:10px; line-height:22pt; font-size:12pt; } .order-total .label { float:left; margin-right:20px; } .order-total .output { float:right; text-align:right; } span.info-text { font-size:10pt; color:#4A4A4A; }