/* Body Style */ /* Globale Stile */ body, p, span, h1, h2, h3, input, select, textarea, form, div, td { font-family:Tahoma, Arial, Helvetica, sans-serif; font-size:15px; color:#333333; line-height: 160%; } BODY { scrollbar-face-color:#999999; /* flaeche button und bar */ scrollbar-track-color:#999999; /* scrollbar hintergrund */ scrollbar-arrow-color: #DDDDDD; /* pfeile */ scrollbar-shadow-color: #DDDDDD; /* kante rechts unten */ scrollbar-darkshadow-color:#999999; /* schatten nach rechts unten */ scrollbar-3dlight-color: #DDDDDD; /* schatten nach links oben */ scrollbar-highlight-color: #999999; /* kante links oben */ margin:0px; padding:0px; padding-top:0px; background-color: #EFEFEF; } /* das height: 100%; margin-bottom: 1px; ist gegen das Springen im FF */ html {overflow-x:hidden; height: 100%; padding-bottom: 1px;} /* Texte */ h1 { font-size:18px; font-weight:bold; color:#333333; margin: 0px; } h2 { font-size:16px; font-weight:bold; color:#333333; margin: 0px; } p { margin-top: 0px; margin-bottom: 10px; } a { color: #CC0000; text-decoration: none;} /* Bereiche allgemein */ #divContainer { position:absolute; left: 50%; width:960px; margin-left: -490px; padding: 0px 10px 10px 10px; background-color: #FFFFFF; } #divHeader { width: 960px; height: 75px; } #divSlogan { float:left; width: 710px; visibility: hidden;} #divLogo { float:right; width: 240px; } #divContentContainer { width: 960px; } #divContent { float:left; width: 720px; } #divMenue { float:right; width: 240px; min-height: 500px; } #divFooter { height: 25px; width: 960px; background-color: #EFEFEF; margin-top: 10px; font-size: 11px; } #divFooterLeft { float:left; width: 660px; font-size: 11px; margin: 4px 0px 0px 10px; } #divFooterRight { float:right; width: 270px; font-size: 11px; margin: 4px 10px 0px 0px; text-align: right; } /* Submenü unten */ .menuFooter { font-size: 11px; color:#333333; } .menuFooter a { color:#333333; text-decoration:none; } .menuFooter a:hover { color:#666666; text-decoration:underline; } /* Standardblöcke für Detailseiten */ .col13 { float: left; width:230px; margin-right:10px; margin-bottom:10px; text-align:justify; } .col23 { float: left; width:470px; margin-right:10px; margin-bottom:10px; text-align:justify; } .col12 { float: left; width:350px; margin-right:10px; margin-bottom:10px; text-align:justify; } .col11 { float: left; width:710px; margin-right:10px; margin-bottom:10px; text-align:justify; } /* blocke auf der Startseite */ .block1 { float: left; width:710px; height:260px; margin-right:10px; margin-bottom:10px; } .block1_info { position: relative; left:690px; top:-259px; width:19px; height:19px; } .block1_order { position: relative; left:1px; top:-49px; width:100px; height:30px; } .block2 { float: left; width:350px; height:190px; margin-right:10px; margin-bottom:10px;} .block2_info { position: relative; left:330px; top:-189px; width:19px; height:19px; } .block2_order { position: relative; left:1px; top:-49px; width:100px; height:30px; } .block3 { float: left; width:230px; height:110px; margin-right:10px; margin-bottom:10px; } .block3_info { position: relative; left:210px; top:-109px; width:19px; height:19px; } .block3_order { position: relative; left:1px; top:-39px; width:100px; height:20px; } /* ausgeblendeter Layer für Text-Heads */ .headlines { display:none } .headlineimages img { margin-bottom: 3px; } /* Detailseite Produkt */ .headImage { float: left; width:710px; height:260px; margin-right:10px; margin-bottom:10px; } .productMenu { float:left; width:170px; margin-right: 10px; margin-bottom:10px; } .productDetail { float:right; width:530px; margin-right: 10px; margin-bottom:10px; } .productFacts { float:left; margin-right: 50px; margin-bottom:10px; } .productFacts ul { margin: 0; font-size: 14px;} .productFacts li { list-style-image: url(../images/yellow-dot.gif); margin-left: -15px; } .productPrices { float:right; width:240px; margin-bottom:10px; } .productPriceLeft { height: 20px; border-bottom: dotted 1px #999999; width:175px; float:left; margin-left: 5px; font-size: 14px; padding-bottom: 3px;} .productPriceRight { height: 20px; border-bottom: dotted 1px #999999; width: 60px; float:right; text-align:right; font-size: 14px; padding-bottom: 3px;} .productImage { float: left; width:710px; height:260px; margin-right:10px; } .pricetable { width:470px; border-bottom: dotted 1px #999999; } .pricetable div { height: 20px; float:left; padding-left: 5px; font-size: 13px; line-height: 16px; } .pricetableHead div { height: 20px; float:left; padding-left: 5px; font-size: 13px; line-height: 16px; font-weight:bold;} .pricecol0 { width:135px; } .pricecol1 { width:125px; } .pricecol2 { width:125px; } .pricecol3 { width:65px; } .pricecol3 div { font-size: 13px; } .tabMenu { height: 30px; width:710px; margin-bottom: 20px; background-color: #999999; } /* subnavi links */ .productMenu ul { margin: 0; padding: 0;} .productEntry { width: 170px; height:39px; background-color:#EFEFEF; margin-bottom: 1px; font-size:12px; vertical-align:middle; list-style:none; list-style-position:outside; cursor:pointer;} .activeEntry { background-color:#FFCC00; cursor:default; } /* Spalten für die Preistabellen */ .pc0_4 { width:135px; } .pc1_4 { width:125px; } .pc2_4 { width:125px; } .pc3_4 { width:65px; } .pc0_3 { width:135px; } .pc1_3 { width:250px; } .pc2_3 { width:65px; } .pc0_2 { width:385px; } .pc1_2 { width:65px; } .pc_price { font-size: 13px; } /* overlay and dialogwindow */ #divDialog { position:absolute; left: 50%; top: 10px; width:940px; height:530px; margin-left: -480px; background-color: #EFEFEF; z-index: 9001; padding: 10px; } #divOverlay { position:fixed; left:0px; top:0px; width:100%; height:100%; filter:alpha(opacity=60); opacity:0.6; background-color:#000000; z-index: 9000; } #divLoading { position:absolute; left: 50%; top: 50%; width:300px; height:20px; margin-left: -150px; margin-top: -10px; z-index: 9001; text-align:center; color:#FFFFFF; } #divLoading span { text-align:center; color:#FFFFFF; font-weight: bold; } /* Bereiche Onlinebestellung */ .basket_header { width: 690px; height: 28px; padding: 11px 10px; background-color: #EFEFEF; margin-bottom: 10px; } .basket_empty { width: 688px; padding: 10px; border: 1px solid #999999; margin-bottom: 10px; } .basket_frame { width: 690px; padding: 10px; background-color: #EFEFEF; margin-bottom: 10px; } .basket_images { width: 940px; height: 490px; background-color: #EFEFEF; margin-bottom: 10px; } .basket_products { width: 940px; height: 490px; background-color: #EFEFEF; margin-bottom: 10px; } .basket_footer { width: 940px; height: 30px; background-color: #EFEFEF; } /* Warenkorb */ .basket_headline { background-color: #999999; font-weight: bold; height: 20px; padding: 0px; } .basket_headline div { font-size: 13px; color: #FFFFFF;} .basket_content { background-color: #FFFFFF; padding: 0px; } .basket_entry_system { margin-top:1px; background-color: #EFEFEF; } .basket_entry { margin-top:1px; } .basket_entry_row { height: 19px; } .basket_entry_row div { font-size: 13px; background-color: #FFFFFF; color: #333333; } .basket_entry_row .formText { font-size: 13px; border: 1px solid #999999; width: 50px; height: 15px; text-align: center; } .basket_entry_images { padding-left: 90px; } .basket_entry_image { background-color:#EFEFEF; float:left; height:75px; margin:2px; padding:2px; text-align:center; width:75px; } .basket_entry_imagesel { background-color:#FFCC00; float:left; height:75px; margin:2px; padding:2px; text-align:center; width:75px; } .basket_entry_leftcol { float:left; font-size: 10px; padding-left: 90px; } .basket_entry_rightcol { float:right; font-size: 10px; padding-right: 10px;} .basket_entry_details { } .basket_entry_line { clear:both; background-color: #999999; height:1px; width:690px; } .basket_sum div { font-size: 13px; color: #333333; } /* Bildauswahl */ .basket_images_frame { background-color: #FFFFFF; border: 2px solid #FFCC00; width: 936px; height: 436px; overflow-y:scroll; } .ImageList { text-align:center; background-color: #EFEFEF; width: 75px; height: 75px; float:left; padding: 2px; margin: 2px; } .ImageSelected { text-align:center; background-color: #FFCC00; width: 75px; height: 75px; float:left; padding: 2px; margin: 2px; } /* Anschrift */ #divBasketFinish { width: 690px; padding: 10px; background-color: #EFEFEF; margin-bottom: 10px; font-size: 13px; } .formTitle { float: left; width: 95px; font-weight: bold; font-size:13px; } .formField { float: left; width: 330px; padding: 2px 0px;} .formText { font-size: 13px; border: 1px solid #999999; width: 50px; height: 18px; line-height: 100%; } #divBasketFinish h1 { font-weight: bold; font-size: 14px; line-height: 22px; margin: 0px; } #divBasketFinish div { font-size: 13px; } .borderSpacing { padding-top: 10px; margin: 10px 0px; border-top: 1px solid #333333; } .formError { border: 1px solid #FF0000; background-color: #FFFFCC; } /* Haendlerauswahl */ #divDealerList { overflow-y:scroll; width: 906px; height: 325px; border: 1px solid #999999; margin-top:5px;} .dealer_entry { padding:2px; border-bottom: 1px solid #999999; cursor: pointer; } .dealer_entry div { color: #333333; } .dealer_entry:hover { background-color: #FFCC00; } .dealer_entry_name { font-size: 14px; float:left; width: 400px; line-height: 110%; padding: 3px 0px 0px 10px; } .dealer_entry_adress { font-size: 12px; float:left; width: 400px; } /* Productauswahl */ .basket_products_frame { background-color: #FFFFFF; border: 2px solid #FFCC00; width: 916px; height: 476px; padding:10px 0px 0px 10px; overflow-y:auto; } .basket_product_col { float: left; width: 290px; margin-right:10px; font-size: 12px;} .basket_product_col h2 { font-weight: bold; font-size: 14px; line-height: 14px; } .basket_product_col2 { float: left; width: 600px; font-size: 12px;} .basket_product_entry { width:290px; background-color: #EFEFEF; margin-top:5px;} .basket_product_entry:hover { background-color: #FFCC00; } .basket_product_selected { width:290px; background-color: #FFCC00; margin-top:5px;} .product_entry_image { float: left; width: 80px; padding:2px; margin-right: 5px; } .product_entry_details { float: left; width: 200px; font-size: 12px; } .product_entry_details h2 { font-weight: bold; font-size: 13px; line-height: 16px; } .product_entry_staffel { float: left; width: 120px; font-size: 12px; text-align:right; line-height: 140%; margin-top:5px; } .product_entry_staffelprice { float: right; width: 70px; font-size: 12px; text-align:right; line-height: 140%; margin-top:5px; } .product_entry_staffel b { color: #CC0000; } .product_entry_staffelprice b { color: #CC0000; } #divBasketFooter .formText { font-size: 15px; border: 1px solid #999999; width: 50px; height: 23px; text-align: center; padding: 5px 0px 0px 0px;} #divCurrentProduct { border: 1px solid #999999; width:400px; float: left; height: 28px; background-color: #FFFFFF; } #divCurrentProductText { padding-top: 2px; } /* Step-anzeige rechts */ .steps { font-size:13px; margin:0 0 10px -8px; padding:0; color:#999999; } .stepActive { font-size:13px; margin:0 0 10px -8px; padding:0; color:#000000; font-weight: bold; } /* -- SWFUpload Object Styles ------------------------------- */ .swfupload { vertical-align: top; } .but_upload_start { background-image: url(../styles/default/images/link_arrow.gif); background-position:left top; background-repeat:no-repeat; cursor:pointer; background-color:#666666; color:#FFFFFF; font-size:14px; padding-left:38px; padding-right:10px; padding-top:6px; padding-bottom:6px; } #UploadQueueContainer { position:relative; width:660px; height:185px; margin-top:30px; overflow-x:hidden; overflow-y:auto; } .upload_queue_entry { border-bottom:1px dashed #999999; width:635px; height:18px; padding-top:3px; list-style-type:none; padding-left:0px; } .upload_queue_entry div { font-size:13px; color:#666666; } .queue_filename { float:left; width:550px; } .queue_progress { float:left; width:65px; text-align:right; } .queue_cancel { float:left; width:20px; background-image:url(../styles/default/images/cancel.gif); background-position:left; background-repeat:no-repeat; } .queue_done { float:left; width:20px; background-image:url(../styles/default/images/done.gif); background-position:left; background-repeat:no-repeat; } .queue_error { float:left; width:20px; background-image:url(../styles/default/images/error.gif); background-position:left; background-repeat:no-repeat; }