/* ----------------------------------- GENERAL ----------------------------------- */ /* To avoid the missing scroll bar, when the pages height is less than the browser-height (except: Opera) */ html { overflow-y:scroll; } * { margin:0; padding:0; } body { padding-top:34px; background-color:#EBEBEB; font-size:12px; color:#333; font-family:Arial, Helvetica, sans-serif; } a { color: #41873c; white-space: nowrap; } a:link, a:visited { text-decoration:underline; } a:hover, a:active { text-decoration: none; } dd { line-height: 26px; } h1 { color:#000; font-weight:bold; font-size:24px; } h2 { font-size:14px; font-weight:normal; text-transform: uppercase; color:#FFF; padding:3px 0 0 7px; } h3 { font-size:24px; font-weight:bold; padding: 7px 0px 10px; } h4 { font-size:14px; font-weight:normal; text-transform: uppercase; color:#FFF; padding:3px 0 0 7px; } h5 { font-size:14px; letter-spacing:1px; font-weight:bold; text-transform: uppercase; color: #000; padding: 7px 0px 5px; line-height: 14px; } h6 { font-size:12px; font-weight:bold; } h2 a, h4 a, h2 a:link, h2 a:visited, h4 a:link, h4 a:visited { color:#FFF; text-decoration:none; } .contentbox h2, .contentbox_inner h4 { color: #000; } img { border:0; vertical-align:middle; } p { margin:8px 0px; } ul, ol { margin-left:15px; } table { width:100%; } td { padding: 2px; } hr { color:#BABABA; border-top: 1px solid #BABABA; border-left: none; border-right:none; border-bottom: none; margin: 5px 0; } input[type="text"], input[type="password"], textarea, select { border: 1px solid #ACACAC; padding: 1px; color:#333333; } textarea { width: 95%; } input[type="text"]:focus, input[type="password"]:focus, textarea:focus { border: 1px solid #000; color: #000; } /* ----------------------------------- TOOLS ----------------------------------- */ .right { float:right; } .left { float:left; } .center { text-align:center; } .clr, .clear { clear:both; } .visible { display:block; } .not_visible { display:none; } .inputRequirement { color:#FF0000; } .small { font-size:9px; color:#878787; } .cufon-loading h2, .cufon-loading h3, .cufon-loading h4, .cufon-loading h5, .cufon-loading .mainnavi, .cufon-loading .subnavi { /* for Cufon.replace('h2') ... */ visibility: hidden !important; } /* ------------------------------- SITE-STRUCTURE ------------------------------ */ #page_container { width:994px; overflow:hidden; margin:0; } #page_inner_container { clear:both; float:left; text-align:left; } #innerBox { float:left; clear:both; text-align:center; overflow:hidden; position:relative; } #outerContainer { width:630px; margin:129px 0 0 0; border-left:153px solid #EBEBEB; border-right:211px solid #EBEBEB; z-index:1; } #innerContainer { width:100%; z-index:2; } #wrap { width:100%; margin:0; text-align:left; } #middle { width:100%; margin:0; } #nav_left { width:147px; margin:0 0 0 -153px; position:relative; z-index:5; } #nav_right { width:204px; margin:0 -211px 0 0; padding-left:7px;/* << padding wegen IE */ position:relative; z-index:5; text-align:left; } #head_container { width:994px; position:absolute; top:0; /*overflow:hidden;*/ } #head { width:994px; height:88px; background:url(../img/head.gif) no-repeat; } #navigation { height:40px; } #footer { font-size:11px; } #footer ul { margin:0; padding:10px 58px 35px 0; } #footer ul li { list-style-type: none; display:inline; padding-right:5px; } #footer ul li a { color:#878787; text-decoration:underline; } #content { text-align:left; padding:0 5px 0 12px; margin:0; overflow:hidden; } #head h1 { text-indent:-9999px; } /* HERO > Startseite */ #content_flash630x387 { width:781px; height:387px; margin-bottom:8px; background:url(../img/fallback-klarshop.jpg) no-repeat; } #content_flash630x387 h2 { text-indent:-9999px; } #content_flash630x387 a { display:block; text-indent:-9999px; width:200px; height:35px; margin:320px 0 0 125px; } /* HERO > 'Alle Handys' */ #content_flash630x387_Alle_Handys { width:630px; height:387px; margin-bottom:8px; background:url(../img/fallback-klarshop_alle_handys.jpg) no-repeat; } #content_flash630x387_Alle_Handys h2 { text-indent:-9999px; } #content_flash630x387_Alle_Handys a { display:block; text-indent:-9999px; width:200px; height:35px; margin:280px 0 0 110px; } /* HERO > 'Smartphones' */ #content_flash630x387_Smartphones { width:630px; height:387px; margin-bottom:8px; position:relative; background:url(../img/fallback-klarshop_smartphones.jpg) no-repeat; } /* HERO > 'Apple' */ #content_flash630x387_Apple { width:630px; height:387px; margin-bottom:8px; position:relative; background:url(../img/fallback-klarshop_apple.jpg) no-repeat; } /* Fuer den Switch > Random-Bild */ /* .content_flash630x387_Smartphones_image_00 { background:url(../img/fallback-klarshop_smartphones_00.jpg) no-repeat; } .content_flash630x387_Smartphones_image_01 { background:url(../img/fallback-klarshop_smartphones_01.jpg) no-repeat; } */ #content_flash630x387_Smartphones h2 { text-indent:-9999px; } #content_flash630x387_Smartphones a.smartphone_link_00 { display:block; text-indent:-9999px; width:200px; height:35px; position:absolute; left:215px; bottom:35px; } #content_flash630x387_Smartphones a.smartphone_link_01 { display:block; text-indent:-9999px; width:170px; height:108px; position:absolute; right:9px; top:12px; } #content_flash630x387_Apple h2 { text-indent:-9999px; } #content_flash630x387_Apple a.apple_link_00 { display:block; text-indent:-9999px; width:160px; height:72px; position:absolute; left:147px; bottom:41px; } #content_flash630x387_Apple a.apple_link_01 { display:block; text-indent:-9999px; width:160px; height:72px; position:absolute; right:4px; bottom:41px; } /* HERO > 'iPhone' */ #content_flash630x387_iPhone { width:630px; height:387px; margin-bottom:8px; position:relative; background:url(../img/fallback-klarshop_iPhone.jpg) no-repeat; } #content_flash630x387_iPhone h2 { text-indent:-9999px; } #content_flash630x387_iPhone a.iPhone_link_00 { display:block; text-indent:-9999px; width:200px; height:35px; position:absolute; left:42px; bottom:26px; } #content_flash630x387_iPhone a.iPhone_link_01 { display:block; text-indent:-9999px; width:178px; height:331px; position:absolute; right:72px; top:27px; } /* --------------- Content Teaser Startseite --------------------*/ #content_info781sales { width:781px; } #content_info630sales h4 { height:22px; background:transparent url(../img/bg-h4-info630klarshop.gif) no-repeat scroll left top; text-indent:-9999px;} #content_info781sales_bg { width:781px; } div.content_info781salesbox { width:257px; height:210px; overflow:hidden; padding:0; color:#000; position: relative; } .box_white_header_257 { width:257px; height:30px; margin-top:8px; background:url(../img/bg_box_white_header_257.gif) no-repeat; } .box_white_content_257 { padding:5px 10px 0px; margin:0; background-color: white; border-left: 1px solid #bababa; border-right: 1px solid #bababa; height:160px;} div.content_info781salesbox .bbl_1eur { position:absolute; right: 50px; bottom:25px; } a.fat_green_arrow_link { color:#41873C; text-transform:uppercase; text-decoration:underline; font-weight:bold; background:url(../img/bg-linkarrow-orange.gif) no-repeat left 2px; padding:0 0 0 8px; } a.fat_orange_orange_arrow_link { color:#F09600; text-transform:uppercase; text-decoration:underline; font-weight:bold; background:url(../img/bg-linkarrow-orange.gif) no-repeat left 2px; padding:0 0 0 8px; } .box_white_bottom_257 { width:257px; height:7px; background:url(../img/bg_box_white_bottom_257.gif) no-repeat; line-height:1px; } div.content_info630salesbox h5 a, div.content_info630salesbox h5 a:hover { color:#FFF; text-decoration:none; } div.content_info630salesbox p { color:#FFF; } div.content_info781salesbox .salesbox_bottom { position:absolute; bottom:8px; left:10px; } div.fussnoten { margin:30px 0 0 0; font-size:9px; color:#878787; } /*------------------------ */ /* WHITE BOX > CONTENT TEASER 257 */ div.content_teaser257salesbox { width:257px; height:202px; overflow:hidden; padding:0 10px; color:#FFF; position: relative; margin:0; } .box_white_header_257 { width:257px; height:30px; margin-top:8px; background:url(../img/bg_box_white_header_257.gif) no-repeat; } .box_white_header_257 h4 { color:#000; font-weight:bold; letter-spacing:1px; } .box_white_257 { width:245px; padding:2px 5px 0 5px; font-size:11px; background-color:#FFF; border-left:1px solid #ACACAC; border-right:1px solid #ACACAC; } .box_white_bottom_257 { width:257px; height:7px; background:url(../img/bg_box_white_bottom_257.gif) no-repeat; line-height:1px; } /* ------------------------ */ #content_info630sales { background:url(../img/bg-content_info630sales-bot.gif) no-repeat scroll left bottom; } #content_info630sales h4 { height:22px; background:transparent url(../img/bg-h4-info630klarshop.gif) no-repeat scroll left top; text-indent:-9999px;} #content_info630sales_bg { width:630px; background:transparent url(../img/bg-content_info630sales.gif) no-repeat scroll left top; } div.content_info630salesbox { width:189px; height:202px; overflow:hidden; padding:0 10px; color:#FFF; position: relative; } div.content_info630salesbox h5 a, div.content_info630salesbox h5 a:hover { color:#FFF; text-decoration:none; } div.content_info630salesbox p { color:#FFF; } div.content_info630salesbox .bbl_1eur { position:absolute; right: 35px; bottom:10px; } div.content_info630salesbox .salesbox_bottom { position:absolute; bottom:8px; left:10px; } a.fat_green_arrow_link { color:#41873C; text-transform:uppercase; text-decoration:underline; font-weight:bold; background:url(../img/bg-linkarrow-orange.gif) no-repeat left 2px; padding:0 0 0 8px; } a.fat_orange_arrow_link { color:#F09600; text-transform:uppercase; text-decoration:underline; font-weight:bold; background:url(../img/bg-linkarrow-white.gif) no-repeat left 2px; padding:0 0 0 8px; } div.fussnoten { margin:30px 0 0 0; font-size:9px; color:#878787; } /* ------------------------------------ GENERAL 2 ------------------------------------ */ .mainbody {} ul.bulletList, ul.bulletList_flat_500, ul.bulletList_flat_5000, ul.bulletList_community, ul.bulletList_handy_spar, ul.bulletList_flat_komplett_3G { list-style:none; margin:0; } ul.bulletList li { background:url(../img/bg-bullet-communityw.gif) no-repeat; padding:0 0 5px 20px; } ul.bulletList_green { list-style:none; margin:13px 0 0 0; } ul.bulletList_green li { background:url(../img/bg-bullet-community.gif) no-repeat; padding:0 0 8px 20px; } ul.bulletList_flat_500 li { background:url(../img/bg-bullet-datentarifehell.gif) no-repeat; padding:0 0 8px 20px; } ul.bulletList_flat_5000 li { background:url(../img/bg-bullet-datentarife.gif) no-repeat; padding:0 0 8px 20px; } ul.bulletList_community li { background:url(../img/bg-bullet-communitytarif.gif) no-repeat; padding:0 0 8px 20px; } ul.bulletList_handy_spar li { background:url(../img/bg-bullet-handyspartarif.gif) no-repeat; padding:0 0 8px 20px; } ul.bulletList_flat_komplett_3G li { background:url(../img/bg-bullet-flatrates3g.gif) no-repeat; padding:0 0 8px 20px; } .infoBoxHeading, .infoBoxHeading_right { height:24px; line-height:24px; color:#FFF; font-weight: bold; margin-top:8px; background:url(../img/bg_box_grey_header.gif) no-repeat; padding-left: 7px; } .box { width:204px; background:url(../img/bg_box_grey_bottom.gif) no-repeat bottom; margin:8px 0; padding:0 0 7px 0; } .boxText { padding:2px 5px 0; background:#E9E9E9 url(../img/bg_box_grey.gif) repeat-x left bottom; border-left:1px solid #ACACAC; border-right:1px solid #ACACAC; } /* GREY BOX > RIGHT SIDEBAR */ .box_grey_header { width:204px; height:24px; margin-top:8px; background:url(../img/bg_box_grey_header.gif) no-repeat; } .box_grey { width:192px; padding:2px 5px 0 5px; font-size:11px; background:#E9E9E9 url(../img/bg_box_grey.gif) repeat-x left bottom; border-left:1px solid #ACACAC; border-right:1px solid #ACACAC; } .box_grey p#summe { text-align:right; border-top:dotted #CCC 1px; padding:1px 0 0 0; margin:2px 0 0 0; } .box_grey_bottom { width:204px; height:7px; background:url(../img/bg_box_grey_bottom.gif) no-repeat; line-height:1px; } /* GREY BOX > LEFT SIDEBAR */ .box_grey_header_left { width:147px; height:24px; margin-top:8px; background:url(../img/bg_box_grey_header_left.gif) no-repeat; } .box_grey_left { width:135px; padding:2px 5px 0 5px; font-size:11px; background:#E9E9E9 url(../img/bg_box_grey.gif) repeat-x left bottom; border-left:1px solid #ACACAC; border-right:1px solid #ACACAC; } .box_grey_bottom_left { width:147px; height:7px; background:url(../img/bg_box_grey_bottom_left.gif) no-repeat; line-height:1px; } /* WHITE BOX > RIGHT SIDEBAR */ .box_white_header { width:204px; height:30px; margin-top:8px; background:url(../img/bg_box_white_header.gif) no-repeat; } .box_white_header h4 { color:#000; font-weight:bold; letter-spacing:1px; } .box_white_header h4 a { color:#000; } .img_box_white_header_without_healine { display:block; margin:7px 0 0 0; } .box_white { width:192px; padding:2px 5px 0 5px; font-size:11px; background-color:#FFF; border-left:1px solid #ACACAC; border-right:1px solid #ACACAC; } .box_white_bottom { width:204px; height:7px; background:url(../img/bg_box_white_bottom.gif) no-repeat; line-height:1px; } /* GREY BOX > CONTENT */ .contentbox_header { width:630px; height:23px; background:url(../img/bg_h2.gif) no-repeat; } .contentbox { width:598px; background-color:#FFF; border-left:1px solid #ACACAC; border-right:1px solid #ACACAC; padding: 15px 15px 0 15px; } .contentbox_bottom { width:630px; height:20px; background:url(../img/bg_content_630_bottom.gif) no-repeat; line-height:1px; } /* GREY BOX > CONTENT INNER */ .contentbox_inner_header { width:598px; height:25px; background:url(../img/bg_h4.gif) no-repeat; } .contentbox_inner { width:576px; background:#F2F2F2 url(../img/bg_content_598.gif) repeat-x left bottom; border-left:1px solid #ACACAC; border-right:1px solid #ACACAC; padding: 10px 10px 3px 10px; } .contentbox_inner_bottom { width:598px; height:7px; background:url(../img/bg_content_598_bottom.gif) no-repeat; line-height:1px; margin-bottom: 15px; } /* WHITE BOX > CONTENT 781 */ .box_white_header_781 { width:781px; height:30px; margin-top:8px; background:url(../img/bg_box_white_header_781.gif) no-repeat; } .box_white_header_781 h4 { color:#000; font-weight:bold; letter-spacing:1px; } .box_white_781 { width:769px; padding:2px 5px 0 5px; font-size:11px; background-color:#FFF; border-left:1px solid #ACACAC; border-right:1px solid #ACACAC; } .box_white_bottom_781 { width:781px; height:7px; background:url(../img/bg_box_white_bottom_781.gif) no-repeat; line-height:1px; } .box_white_781 ul { list-style: none; } .box_white_781 li { display:inline; } /* WHITE BOX > CONTENT */ .content_box_white { width:598px; padding:0 0 7px; background:url(../img/bg-content_598-bottom.gif) no-repeat scroll left bottom transparent; } .content_box_white h4 { width:588px; height:25px; line-height:23px; padding:0 0 0 10px; color:#000; font-weight:bold; letter-spacing:1px; background:url(../img/bg-h4-info598.gif) no-repeat scroll left top transparent; } .content_box_white_content { width:576px; padding:6px 10px 0; border-left:1px solid #ACACAC; border-right:1px solid #ACACAC; } .content_box_white_content div.siegel { padding:0 0 10px; } .content_box_white_content div.siegel img { padding:0 20px 0 0; } .content_box_white_content div.siegel p { margin-top:0; } .pageHeading { margin-bottom:-35px; letter-spacing:4px; font-weight:bolder; line-height:25px; border-bottom:3px solid #B0B284; } .contentsTopics, #moduleHeading { font-size:14px; font-weight: normal; text-transform: uppercase; color:#FFF; width:630px; height:23px; background:url(../img/bg_h2.gif) no-repeat; padding:3px 0 0 7px; } /* NAVIGATION HOME */ /* EIN UND AUSBLENDEN*/ ul.mainnavi_home li>ul { display: none; top: 50px; } ul.mainnavi_home li:hover>ul, ul#Navigation li>a#aktuell+ul { display: block; } div#Rahmen { } div#Rahmen div { clear: left; } ul.mainnavi_home { font-size: 14px; height: 32px; background: url(../img/bg-mainnavi.png) no-repeat left top; padding: 1px 2px 0px 1px; margin-left: 0; margin-bottom: 8px; text-align:center; width:991px; } ul.mainnavi_home li { list-style: none; list-style: none; float: left; text-align: center; position:relative; z-index:6; } ul.mainnavi_home li a, ul.mainnavi_home li.middle { width:157px; height: 27px; color: #000; text-transform: uppercase; display: block; border-left: 1px solid #acacac; line-height: 27px; text-decoration: none; letter-spacing: 0.7px; float: left; white-space: nowrap; } ul.mainnavi_home li.first a { border-style: none; padding-left: 1px; } ul.mainnavi_home li.last a { float:right; } /*hauptnavibereich*/ ul.mainnavi_home li a:hover, ul.mainnavi_home li a:active, ul.mainnavi_home li.active a { background: url(../img/bg-mainnavi.png) no-repeat -416px -35px; } ul.mainnavi_home li.first a:hover, ul.mainnavi_home li.first a:active, ul.mainnavi_home li.first.active a { background: url(../img/bg-mainnavi.png) no-repeat -1px -35px; } ul.mainnavi_home li.last a:hover, ul.mainnavi_home li.last a:active, ul.mainnavi_home li.last.active a{ background: url(../img/bg-mainnavi.png) no-repeat -827px -35px; } /*hauptnavibereich end*/ ul.mainnavi_home ul.subsubnavi { margin-left: 0; width:157px; border-bottom: solid 1px #ACACAC; position:absolute; top:27px; left:0px; } ul.mainnavi_home li ul.subsubnavi li a { background-image: url("../img/navi_home_sub_gradient_gray.gif"); background-repeat: repeat-x; width:156px; height:22px; border-top: solid 1px #ACACAC; border-left: solid 1px #ACACAC; border-right: solid 1px #ACACAC; line-height:22px; } ul.mainnavi_home li ul.subsubnavi li a:hover { background: url("../img/navi_home_sub_gradient_orange.gif") repeat-x; /*background-image: url("../img/navi_home_sub_gradient_orange.gif"); background-color:#FAAE00;*/ background-repeat: repeat-x; width:156px; height:22px; border-top: solid 1px #ACACAC; border-left: solid 1px #ACACAC; border-right: solid 1px #ACACAC; } /* NAVIGATION */ ul.mainnavi { font-size: 14px; height: 32px; width: 991px; background: url(../img/bg-mainnavi.png) no-repeat left top; padding: 1px 2px 0px 1px; margin-left: 0; margin-bottom: 8px; } ul.mainnavi li { list-style: none; display: inline; text-align: center; } ul.mainnavi li a, ul.mainnavi li.middle { width:157px; height: 27px; color: #000; text-transform: uppercase; display: block; border-left: 1px solid #acacac; line-height: 27px; text-decoration: none; letter-spacing: 0.7px; float: left; white-space: nowrap; } ul.mainnavi li.first a { border-style: none; padding-left: 1px; } ul.mainnavi li.last a { float:right; } ul.mainnavi li a:hover, ul.mainnavi li a:active, ul.mainnavi li.active a { background: url(../img/bg-mainnavi.png) no-repeat -416px -35px; } ul.mainnavi li.first a:hover, ul.mainnavi li.first a:active, ul.mainnavi li.first.active a { background: url(../img/bg-mainnavi.png) no-repeat -1px -35px; } ul.mainnavi li.last a:hover, ul.mainnavi li.last a:active, ul.mainnavi li.last.active a { background: url(../img/bg-mainnavi.png) no-repeat -827px -35px; } ul.subnavi, ul.subsubnavi { font-size: 13px; margin-left: 0; width:147px; } ul.subnavi li { display:block; list-style-image:none; list-style-position:outside; list-style-type:none; width:147px; } ul.subnavi li a { color: #000; display: block; height: 22px; line-height: 22px; letter-spacing: 0.5px; background: url(../img/bg-subnavi.png) no-repeat 0px -120px; border-bottom: 1px solid #bababa; text-transform: uppercase; text-decoration: none; padding: 0px 1px 0px 16px; width: 130px; } ul.subnavi li.first a { background-position: 0px -24px; } ul.subnavi li ul.subsubnavi li a { background-position: 0px -168px; width: 120px; padding: 0px 1px 0px 26px; } ul.subnavi li ul.subsubnavi li.last a { background-position: 0px -264px; border-bottom: 0px; padding: 0px 1px 1px 26px; } ul.subnavi li a:hover { background-position: 0px -96px; } ul.subnavi li.first a:hover { background-position: 0px 0px; } ul.subnavi li a.active { background-position: 0px -144px; } ul.subnavi li.first a.active { background-position: 0px -48px; } ul.subnavi li ul.subsubnavi li a:hover, ul.subnavi li ul.subsubnavi li a.active { background-position: 0px -144px; } ul.subnavi li ul.subsubnavi li.last a:hover, ul.subnavi li ul.subsubnavi li.last a.active { background-position: 0px -240px; } .messageStack, .errorMessage { border: 1px solid #ACACAC; background-color: #F7A81E; padding: 5px; margin:0 15px 15px 15px; } .messageStackError { } .messageStackError .messageStackError { border-bottom: 1px dashed #ACACAC; padding: 3px; } .messageStackSuccess { background-image: url(../../images/icons/icon_accept.gif); background-repeat: no-repeat; background-position: 0px 4px; background-color: #66FF66; } .messageStackWarning { background-image: url(../../images/icons/icon_alert.gif); background-repeat: no-repeat; background-position: 0px 4px; background-color: #FFF2CD; } /* CHECKOUT CREATE ACCOUNT */ .formArea .inputL input { width: 360px; } .formArea .inputML input { width: 268px; } .formArea .inputSR input { width: 83px; margin-left: 5px; } .formArea .inputMR input { width: 268px; margin-left: 5px; } .formArea .inputSL input { width: 83px; } .formArea .inputM input, .formArea .inputM select { width: 290px; } .textareaL textarea { width: 570px; } .formRowError, .checkout_error { color:#F00; } .formRowError input { border-color:#F00; } .formArea .hint { color: #878787; line-height: 14px; } /* TARIF-OVERVIEW SITE */ div#tarif_uebersicht { padding:0; margin:0; color:#FFF; } div#tarif_uebersicht h1 { background:transparent url(../img/bg-tarif-uebersicht.jpg) no-repeat; width:594px; padding:100px 0 20px 8px; font-size:12px; color:#FFF; font-weight:normal; } div#tarif_uebersicht div.overviewbox { width:294px; background:url(../img/bg-overviewbox-bottom.gif) no-repeat scroll left bottom; padding-bottom:7px; } div#tarif_uebersicht div.overviewbox p { padding:0 7px; margin:0; } div#tarif_uebersicht div.overviewbox div.overviewbox-top { width:294px; height:7px; background:url(../img/bg-overviewbox-top.gif) no-repeat; } div#tarif_uebersicht div.overviewbox p img.icon { padding:0 10px 0 7px; } /* TARIF-TABLE */ .tarif_tabelle th { padding:0 0 0 2px; line-height:18px; text-align:left; } .tarif_tabelle td { padding:4px 0 4px 2px; line-height:18px; } .tarif_tabelle td.width300 { width:300px; } .tarif_tabelle tr.grey, .tarif_tabelle td.grey { width:200px; background:#EBEBEB none repeat scroll 0 0; padding:4px 0 4px 5px; } .tarif_tabelle td.pdf { background:transparent url(../img/icon-pdf.gif) no-repeat scroll left center; padding:0 0 0 20px; } /* UEBERSCHICHT UEBER DIE TARIFE */ #tarif_siegel_uebersicht {} #tarif_siegel_uebersicht p { line-height:18px; } #tarif_siegel_uebersicht img.w212xh135 { position:relative; margin:-135px 0 -12px 380px; padding:0; } /* NEW PRODUCTS-DEFAULT */ div.new_product_default_name { width:312px; height:23px; background:url(../img/bg_header_box_new_product_default.gif) no-repeat; } div.new_product_default_name_big { width:312px; height:42px; background:url(../img/bg_header_box_new_product_default_big.gif) no-repeat; } div.new_product_default_name h4 { font-size:14px; font-weight:bold; letter-spacing:1px; padding-top:0px; } div.new_product_default_name_big h4 { font-size:14px; font-weight:bold; letter-spacing:1px; } div.new_product_default_name h4 a, div.new_product_default_name_big h4 a { color:#000; } div.new_product_default { width:310px; height:272px; border-left:1px solid #bababa; border-right:1px solid #bababa; margin:0; background-color:#FFF; } div.new_product_default div.new_product_default_image { width:105px; padding-top:20px; padding-left: 10px; } div.new_product_default div.new_product_default_text { width:190px; padding-right: 5px; } div.new_product_default div.new_product_default_text div { padding:5px 0; } div.new_product_default div.new_product_default_text div.new_product_default_tax_shipping { font-size:9px; color:#878787; padding:3px 0; margin-top:10px; } div.new_product_default div.new_product_default_text div.new_product_default_tax_shipping a { text-decoration:underline; color:#878787; } div.new_product_default_bottom { background:url(../img/bg_bottom_box_new_product_default.gif) no-repeat; } /* SHOPPING CART */ .cp { margin: 10px auto 20px auto; text-align:center; width: 375px; } .cp1_on, .cp1_off, .cp2_on, .cp2_off, .cp3_on, .cp3_off { float:left; height:105px; margin-left:5px; text-indent:-9999px; width:120px; display:inline; } .cp1_on { background:transparent url(../img/cp_1_on.gif) no-repeat scroll left top; } .cp1_off { background:transparent url(../img/cp_1_off.gif) no-repeat scroll left top; } .cp2_on { background:transparent url(../img/cp_2_on.gif) no-repeat scroll left top; } .cp2_off { background:transparent url(../img/cp_2_off.gif) no-repeat scroll left top; } .cp3_on { background:transparent url(../img/cp_3_on.gif) no-repeat scroll left top; } .cp3_off { background:transparent url(../img/cp_3_off.gif) no-repeat scroll left top; } .order_details { text-align:left; background-color:#FFF; padding:5px; } .order_details_article { width:230px; float:left; margin-top:5px; } .order_details_article_header { width:230px; float:left; border-bottom:1px solid #BABABA; } .order_details_img { width:70px; float:left; text-align:center; margin:5px 0 8px 0; } .order_details_img_header { width:70px; float:left; text-align:center; margin:0 0 8px 0; border-bottom:1px solid #BABABA; } .order_details_qty { width:80px; float:left; text-align:center; margin-top:5px; } .order_details_qty_header { width:80px; float:left; text-align:center; border-bottom:1px solid #BABABA; } .order_details_remove { width:45px; float:left; text-align:center; margin-top:8px; } .order_details_remove_header { width:45px; float:left; border-bottom:1px solid #BABABA; } .order_details_totalcost { text-align:right; padding:5px 0 8px 0; } .order_details_totalprice_header { width: 71px; float:right; text-align: right; border-bottom: 1px solid #BABABA; } .order_details_singleprice_header { width: 70px; float:left; border-bottom:1px solid #BABABA; } .order_detais_totalprice { width: 71px; float: right; text-align: right; margin-top: 5px; font-weight: bolder; } .order_details_singleprice { width: 70px; float: left; margin-top:5px; } /* PRODUCT-INFO */ .product_info_box_top { width:630px; height:7px; background:transparent url(../img/bg_product_info_box_top.gif) no-repeat scroll left bottom; } .product_info_box_wrapper { width:628px; padding-bottom:25px; background:#00662c url(../img/bg_product_info_box_wrapper.gif) repeat-x scroll; overflow:hidden; border-left:1px solid #0f551e; border-right:1px solid #0f551e; } .product_info_box_wrapper h5#handyuebersicht { width:301px; height:107px; background:transparent url(../img/h1_product_info_handy_uebersicht.gif) no-repeat scroll left top; margin:0 0 10px 16px; text-indent:-9999px; } .product_info_box_wrapper h5#surfstickuebersicht { width:338px; height:101px; background:transparent url(../img/h1_product_info_surfstick_uebersicht.png) no-repeat scroll left top; margin:0 0 10px 16px; text-indent:-9999px; } .product_info_box_wrapper img.w264xh150 { margin:-95px 0 -49px 346px; position:relative; } .product_info_box_wrapper ul.tabs-nav { margin-left:15px; list-style-image:none; list-style-position:outside; list-style-type:none; } .product_info_box_wrapper ul.tabs-nav li#tab_1_product_info, .product_info_box_wrapper ul.tabs-nav li#tab_3_product_info { width:84px; float:left; display:inline; } .product_info_box_wrapper ul.tabs-nav li#tab_2_product_info { width:120px; float:left; display:inline; } .product_info_box_wrapper ul.tabs-nav li#tab_4_product_info { width:141px; float:left; display:inline; } .product_info_box_wrapper ul.tabs-nav li a { line-height:25px; text-align:center; color:#FFF; display:block; font-weight:bold; text-transform:uppercase; background:url(../img/bg_product_info_TABs.gif) no-repeat -169px 0; cursor:pointer; } .product_info_box_wrapper ul.tabs-nav li#tab_2_product_info a { line-height:25px; text-align:center; color:#FFF; display:block; font-weight:bold; text-transform:uppercase; background:url(../img/bg_product_info_TABs.gif) no-repeat -496px 0; cursor:pointer; } .product_info_box_wrapper ul.tabs-nav li#tab_4_product_info a { line-height:25px; text-align:center; color:#FFF; display:block; font-weight:bold; text-transform:uppercase; background:url(../img/bg_product_info_TABs.gif) no-repeat -901px 0; cursor:pointer; text-decoration:none; } .product_info_box_wrapper ul.tabs-nav li a:hover { background-position:-84px 0; color:#000; } .product_info_box_wrapper ul.tabs-nav li#tab_4_product_info a:hover { background-position:-759px 0; color:#000; } .product_info_box_wrapper ul.tabs-nav li#tab_2_product_info a:hover { background-position:-375px 0; color:#000; } .product_info_box_wrapper ul.tabs-nav li.tab_selected a { background-position:0 0; color:#000; cursor:text; } .product_info_box_wrapper ul.tabs-nav li#tab_2_product_info.tab_selected a { background-position:-255px 0; color:#000; cursor:text; } .product_info_box_wrapper ul.tabs-nav li#tab_4_product_info.tab_selected a { background-position:-618px 0; color:#000; cursor:text; } .product_info_box_wrapper div.abrundung_cart_quantity_oben { width:598px; height:5px; background:url(../img/bg_h2_product_info_box.png) no-repeat; margin:0 auto; } .product_info_box_wrapper form#cart_quantity { width:596px; text-align:left; overflow:hidden; background-color:#FFF; border-left:1px solid #ACACAC; border-right:1px solid #ACACAC; margin:0 auto; } .product_info_box_wrapper div.abrundung_cart_quantity_unten { width:598px; height:42px; background:url(../img/bg_abrundung_product_info_box.gif) no-repeat; margin:0 auto; } div.product_info_box_middle { padding:0 10px; } div.product_info_box_middle h2 { font-size: 22px; color:#0F551E; font-weight:bold; text-transform:none; margin:0 0 0 122px; padding:0 0 3px 3px; border-bottom:1px solid #CECECE; } div.product_info_box_middle h4 { margin:10px 0; padding-left: 0; font-size:14px; line-height:20px; border-bottom:1px solid #CECECE; color:#000; } /* COLOR PICKER */ div.product_info_box_middle .colorPicker a { width:34px; height: 19px; float:left; margin-right: 5px; margin-top: 5px; } div.product_info_box_middle .colorPicker a:link, div.product_info_box_middle .colorPicker a:visited { border:1px solid #BABABA; } div.product_info_box_middle .colorPicker a:hover, div.product_info_box_middle .colorPicker a:active, div.product_info_box_middle .colorPicker a.active { border:1px solid #000; } div.product_info_box_middle .colorPicker img { width: 34px; height:19px; } /* PRODUCT-INFO >> PROTDUCT-MATRIX */ div.product_info_box_middle .productMatrix { padding-top:20px; } div.product_info_box_middle .productMatrix .vertragsoptionen { margin-top:30px; } div.product_info_box_middle .productMatrix dl.vertragsoptionen dt { padding:10px 0 0 16px; } div.product_info_box_middle .productMatrix dl.vertragsoptionen dd { width:446px; background-color:#EBEBEB; } div.product_info_box_middle .productMatrix dl.vertragsoptionen dd input { padding:10px; } div.product_info_box_middle .productMatrix dl.vertragsoptionen dd #productsOptionsPrice9, div.product_info_box_middle .productMatrix dl.vertragsoptionen dd #productsOptionsPrice13, div.product_info_box_middle .productMatrix dl.vertragsoptionen dd #productsOptionsPrice3G, div.product_info_box_middle .productMatrix dl.vertragsoptionen dd #productsOptionsPriceIF500, div.product_info_box_middle .productMatrix dl.vertragsoptionen dd #productsOptionsPriceIF5000 { font-size:18px; padding:12px 0 0 5px; } div.product_info_box_middle .productMatrix dl.vertragsoptionen dd #productsOptionsPrice9 sup, div.product_info_box_middle .productMatrix dl.vertragsoptionen dd #productsOptionsPrice13 sup, div.product_info_box_middle .productMatrix dl.vertragsoptionen dd #productsOptionsPrice3G sup, div.product_info_box_middle .productMatrix dl.vertragsoptionen dd #productsOptionsPriceIF500 sup, div.product_info_box_middle .productMatrix dl.vertragsoptionen dd #productsOptionsPriceIF5000 sup { font-size:10px; } div.product_info_box_middle .productMatrix dl.vertragsoptionen dd .productsOptionsMinutes { line-height:normal; padding-left: 5px; padding-right: 5px; padding-bottom: 5px;} div.product_info_box_middle .productMatrix dl.vertragsoptionen dd .productsOptionsMinutes h6 { padding-bottom: 7px; padding-top: 0; } div.product_info_box_middle .productMatrix dl.vertragsoptionen dd .priceLabel { line-height:normal; padding-left: 5px; padding-top: 5px; padding-right: 5px; } div.product_info_box_middle .productMatrix dl.vertragsoptionen dd .priceLabel h6 { padding-bottom: 0; padding-top: 0; } div.product_info_box_middle div.product_info_box_middle_left { width:130px; } div.product_info_box_middle div.product_info_box_middle_middle { width:160px; } div.product_info_box_middle div.product_info_box_middle_middle ul.bulletList { margin:20px 0 0 5px; font-weight:bold; } div.product_info_box_middle div.product_info_box_middle_middle div.product_info_dropdown { margin-top:95px; padding-left:5px; } div.product_info_box_middle div.product_info_box_middle_right { width:286px; text-align:left; } div.product_info_box_middle div.product_info_box_middle_right h4 { border:none; margin:0; padding:0 0 2px 2px; } div.product_info_box_middle div.product_info_box_middle_right .product_info_price_OHNE_vertrag { height:100%; /* <<< IE6-FIX */ margin-top:15px; text-align:right; } div.product_info_box_middle div.product_info_box_middle_right .product_info_price_OHNE_vertrag span.uvp { font-size:14px; } div.product_info_box_middle div.product_info_box_middle_right .product_info_price_OHNE_vertrag strong.preis { font-size:21px; } div.product_info_box_middle div.product_info_box_middle_right .product_info_price_mit_vertrag { height:100%; /* <<< IE6-FIX */ background-color:#EBEBEB; padding:2px; } div.product_info_box_middle div.product_info_box_middle_right .product_info_price_mit_vertrag ul { font-size:9px; padding:1px 0 0 15px; } div.product_info_box_middle div.product_info_box_middle_right .product_info_price_mit_vertrag span { padding-left:15px; font-size:11px; } div.product_info_box_middle div.product_info_box_middle_right .product_info_price_mit_vertrag strong.preis { font-size:21px; } div.product_info_box_middle div.product_info_box_middle_right .product_info_price_mit_vertrag sup.preis { vertical-align: top; } div.product_info_box_middle div.product_info_box_middle_right .product_info_cartbutton { margin-top:30px; text-align:right; } div.product_info_box_middle div.product_info_box_middle_right .product_info_cartbutton p { font-size:10px; } div.product_info_box_middle div.product_info_box_middle_right .product_info_cartbutton p a { text-decoration:underline; } /* TODO */ /*.product_info_box_bottom { width:630px; height:7px; background:transparent url(../img/bg_product_info_box_bottom.gif) no-repeat scroll left bottom; }*/ /* ADAVANCED SEARCH */ div#advanced_search { width:60%; margin:0 auto; } /* ----------------------------------- SLIMBOX ----------------------------------- */ #lbOverlay { position:absolute; z-index:9999; left:0; width:100%; background-color: #000; cursor: pointer; } #lbCenter, #lbBottomContainer { position:absolute; z-index:9999; left:50%; overflow:hidden; background-color:#fff; } .lbLoading { background:#fff url(img/slimbox/loading.gif) no-repeat center; } #lbImage { position:absolute; left:0; top:0; border:10px solid #fff; background-repeat:no-repeat; } #lbPrevLink, #lbNextLink { display: block; position:absolute; top:0; width:50%; outline:none; } #lbPrevLink { left:0; } #lbPrevLink:hover { background:transparent url(img/slimbox/prevlabel.gif) no-repeat 0% 15%; } #lbNextLink { right:0; } #lbNextLink:hover { background:transparent url(img/slimbox/nextlabel.gif) no-repeat 100% 15%; } #lbBottom { font-family:Verdana, Arial, Geneva, Helvetica, sans-serif; font-size:10px; color:#666; line-height:1.4em; text-align:left; border:10px solid #fff; border-top-style:none; } #lbCloseLink { display:block; float:right; width:66px; height:22px; background:transparent url(img/slimbox/closelabel.gif) no-repeat center; margin:5px 0; outline:none; } #lbCaption, #lbNumber { margin-right:71px; } #lbCaption { font-weight:bold; } /* ------------------------------ Gutscheinfeld Warenkorb -------------------------------------- */ #voucherShoppingCart { font-style:italic; font-weight:bold; margin: 20px 0 0 10px; } #voucherShoppingCart font{ font-size: 14px; color: #41873c; } .stoerer_spezial { position:absolute; top: 162px; left: 320px; z-index: 10; } #voucher_error { color: red; margin-top:5px; margin-bottom:5px; font-weight:normal; } .order_details_attributes_voucher { background-color:#f2f2f2; border: 2px solid #6E6E6E; padding: 5px; text-align: center; } /* HERO > Startseite */ #content_hero781x387 { position: relative; width:781px; height:387px; margin-bottom:8px; background:url(../img/hero/hero_bg_781x387.jpg) no-repeat; color:#FFF;} ul.content_hero781x387_teasernavi li { list-style:none; } ul.content_hero781x387_teasernavi li ul { display:none; } ul.content_hero781x387_teasernavi li:hover ul { display:block; } .content_hero781x387_teasernavi { position:absolute; top: 90px; right:15px; } .content_hero781x387_teaser1_price { position:absolute; right:10px; top:0px; } #content_hero781x387_1 { position:relative;} #content_hero781x387_2 { position:absolute; top:0px; width:781px; visibility:hidden;} #content_hero781x387_3 { position:absolute; top:0px; width:781px; visibility:hidden;} #content_hero781x387_4 { position:absolute; top:0px; width:781px; visibility:hidden;} .content_hero781x387_hl_big { margin: 20px 0 10px 20px; } .content_hero781x387_bullets_txt { margin:0 0 0 80px; } .content_hero781x387_bullets_txt b { font-size:16px; } .content_hero781x387_mobile { position:absolute; top:62px; left:370px; } .content_hero781x387_mobile .img_x10 { position:absolute; left: -100px; margin-top: 0px; } .content_hero781x387_stoerer { position:absolute; left:140px; top:140px; } .content_hero781x387_btn { position:absolute; left:10px; top:275px; } .content_hero781x387_btn_x10 { position:absolute; left:-70px; top:275px; } .content_hero781x387_redcorner { position:absolute; top: 0px; right:0px;} .content_hero781x387_teaser1 { display:block; margin-bottom:10px; width:140px; height:75px; margin-top:35px; padding:0; } .content_hero781x387_teaser { display:block; margin-bottom:10px; width:140px; height:75px; } .content_hero781x387_teaser2_price { position:absolute; right:10px; top:85px; } .content_hero781x387_teaser3_price { position:absolute; right:10px; top:170px; }