body { font-family:Arial,Helvetica,sans-serif; font-size:12px; } .contentblockhead { width:100%; height:17px; font-family:Arial,Helvetica; font-size:13px; color:#000000; font-weight:bold; border-bottom:solid 1px #A0A0A0; margin-bottom:10px; } .cmscontent { width:100%; font-family:Arial,Helvetica; font-size:12px; color:#000000; } .leadtext { font-family:Arial,Helvetica,sans-serif; font-size:15px; color:#606060; } .floattext { font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#404040; } .standardtext { font-family:Arial,Helvetica,sans-serif; font-size:12px; color:#404040; } .hide { display:none; } a.teaser { display:inline-block; width:303px; height:147px; font-weight:normal; text-decoration:none; overflow:hidden; } .sp_special { float:left; display:block; width:296px; height:140px; margin:0px 5px 5px 0px; border:solid 1px #E0E0E0; overflow:hidden; } .sp_special:hover { background-color:#F6F6F6; } .specialtextblock { font-size:11px; font-weight:normal; width:175px; height:86px; overflow:hidden; text-overflow:ellipsis; } .specialpicblock { display:block; float:left; width:100px; height:132px; margin:2px 5px 2px 2px; border:1px solid #E0E0E0; } .specialtextcontent { display:block; float:left; width:183px; font-size:12px; font-weight:normal; padding-top:4px; } .fadetextblock { position:relative; top:-10px; width:175px; height:10px; background:url(/img/textfadeout.png) repeat-x center bottom; overflow:hidden; text-overflow:ellipsis; } div.neuheit { float:left; width:100px; border:1px solid #E3E3E3; padding:5px; } div.sonderangebot { float:left; width:100px; border:1px solid #E3E3E3; padding:5px; } a:link, a:visited, a:active { color:#154BD5; text-decoration:none; font-weight:normal; } a:hover { color:#606060; text-decoration:underline; } a.no, a.no:link, a.no:visited, a.no:active { color:#000000; text-decoration:none; font-weight:normal; } a.no:hover { color:#404040; } a.ext, a.ext:link, a.ext:visited, a.ext:active { background: url(/img/extlink.png) right center no-repeat; padding-right:13px; color:#000000; text-decoration:none; } a.ext:hover { color:#A0A0A0; text-decoration:underline; } a.ext_dd { background:url(/img/extlink.png) 2px center no-repeat; text-indent:12px; color:#000000; text-decoration:none; } a.regletter, a.regletter:link, a.regletter:active, a.regletter:visited { display:inline-block; width:30px; height:26px; line-height:22px; color:#000000; font-size:13px; font-weight:bold; text-decoration:none; text-align:center; } a.regletter:hover { background-color:#E0E0E0; } a.pdflink { background:transparent url(/img/pdficon.gif) no-repeat top left; padding-left:23px; height:26px; line-height:25px; text-decoration:none; font-weight:normal; white-space:nowrap; display:inline-block; color:#C30730; } a.pdflink:hover { color:#000000; } a.infolink { background: url(/img/infolink.png) left center no-repeat; padding-left:15px; color:#BE2846; text-decoration:none; font-size:11px; } a.infolink#qty_discounts:hover { background-color:#F0F0F0; text-decoration:none; cursor:pointer; } a.agblink, a.agblink:link, a.agblink:visited, a.agblink:active { color:#154BD5; text-decoration:none; font-weight:bold; } a.agblink:hover { color:#000000; text-decoration:underline; } a.agblink_e { color:#000000; text-decoration:none; font-weight:bold; } a.agblink_e:hover { color:#154BD5; text-decoration:underline; } a.cmshit, a.cmshit:link, a.cmshit:active, a.cmshit:visited { clear:both; display:block; width:700px; height:auto; font-size:12px; margin:2px 0 2px 0; padding:2px 0 5px 0; border-top:1px dotted #E0E0E0; text-decoration:none; color:#000000; background-color:#FFFFFF; } a.cmshit:hover { background-color:#E0E0E0; } #tooltip { position:absolute; z-index:3000; border:1px solid #111111; background-color:#EEEEEE; padding:2px; opacity:0.9; max-width:300px; } #tooltip h3, #tooltip div { margin:0; font-size:11px; color:#000000; font-weight:normal; text-align:left; } div.breadcrumbs { display:block; width:1020px; height:18px; font-size:11px; padding-left:3px; overflow:hidden; text-overflow:ellipsis; white-space:nowrap; -ms-text-overflow:ellipsis; } div.breadcrumbs a { text-decoration:none; color:#000000; padding:2px 0px 4px 2px; } div.breadcrumbs a:hover { color:#DA1E47; } div.breadcrumbs a#lastbc { font-size:12px; font-weight:bold; padding-top:1px; } span.breadcrumb_a { display:inline-block; margin:0 0 0 15px; padding-left:20px; font-size:13px; font-weight:normal; background:url(/img/bc_arrow.png) no-repeat left center; } span.breadcrumb_i { display:inline-block; margin:0 0 0 15px; padding-left:20px; font-size:13px; font-weight:normal; background:url(/img/bc_arrow.png) no-repeat left center; color:#666666; } div.ic_navi { position:absolute; top:2px; right:2px; width:145px; height:25px; background:url(/img/contentbox.png) no-repeat -4px -2px; text-align:right; } div.ic_navi .buttonprint { position:absolute; left:5px; top:0px; } div.ic_navi .buttonlike { position:absolute; left:33px; top:0px; } div.ic_navi .buttonfavs { position:absolute; left:33px; top:0px; } div.ic_navi .buttoniprev { position:absolute; left:64px; top:0px; } div.ic_navi .buttondprev { position:absolute; left:64px; top:0px; } div.ic_navi .buttonilist { position:absolute; left:92px; top:0px; } div.ic_navi .buttoninext { position:absolute; left:120px; top:0px; } div.ic_navi .buttondnext { position:absolute; left:120px; top:0px; } p {margin:0px; padding:0px; } .boxtitel { font-size:13px; font-weight:bold; color:#000000; } .warning { font-size:12px; font-weight:bold; color:#FF0000; } .large { font-size:15px; font-weight:normal; color:#000000; } .largeb { font-size:15px; font-weight:bold; color:#000000; } .medium { font-size:13px; font-weight:normal; color:#000000; } .mediumred { font-size:13px; font-weight:normal; color:#FF0000; } .small { font-size:12px; font-weight:normal; color:#000000; } .smallb { font-size:12px; font-weight:bold; color:#000000; } .tiny { font-size:11px; font-weight:normal; color:#000000; } div.warning { width:500px; padding-left:25px; background-image:url(img/warning.gif); background-repeat:no-repeat; background-position:top left; text-align:left; } div.info { width:400px; margin-top:10px; margin-bottom:10px; border:1px solid #9F0000; color:#9F0000; } .ststatus { width:9px; height:9px; overflow:hidden; background:transparent url(/img/stockstatus.png) no-repeat; display:inline-block; } .statusgreen { background-position:0px 0px; } .statusorange { background-position:-9px 0px; } .statusred { background-position:-18px 0px; } .statusgray { background-position:-27px 0px; } /* Menu and Navigation Colors */ .logo { background-color:#7291C0; } /* medblue */ td.menu { background-color:#005598; } /* darkblue Monacor */ td.litegray { background-color:#E3E3E3; } td.liteblue { background-color:#B0C6E7; } td.medblue { background-color:#7291C0; } td.darkblue { background-color:#5071A2; } /* Fonts and Margins */ /* Font styles: normal/italic/oblique normal/bold/100-900 */ h1 { color:#BE2846; margin:4px 0px 4px 1px; font-weight:bold; font-size:14px; padding:0px; } /* Welcome Screen */ h2 { color:#BE2846; margin:4px 0px 4px 1px; font-weight:bold; font-size:12px; padding:0px; } /* Window title (Text-Darkblue)*/ h3 { color:#BE2846; margin:4px 0px 3px 3px; font-weight:bold; font-size:11px; padding:0px; } /* Subtitle */ h4 { color:#446597; margin:0px 0px 0px 3px; font-weight:normal; font-size:11px; padding:0px; } /* Mini title */ h5 { color:#FF0000; margin:0px 0px 0px 3px; font-weight:bold; font-size:11px; padding:0px; } /* User Alert */ h6 { color:#446597; margin:0px 5px 0px 3px; font-weight:normal; font-size:11px; padding:0px; } /* User Info Text */ ul { list-style-position:outside; list-style-type:square; margin:4px 0px 3px -20px; } hr { background:#808080 none repeat scroll 0%; border:0pt none; height:1px; } /* ----- SUB-NAVIGATION ----- 154BD5 */ .subnavigation { width:205px; background:transparent url(/img/menubox.png) no-repeat; } .subnavfooter { background-position:bottom left; height:5px; font-size:1px; } a.firstlevel, a.firstlevel:visited { background-position:0px -30px; color:#000000; text-decoration:none; display:inline-block; width:205px; height:28px; padding:0px; margin:0px; font-size:13px; font-weight:bold; white-space:nowrap; text-indent:5px; line-height:27px; } a.firstlevel:hover, a.firstlevel#currentmain { background-position:-205px -30px; color:#FFFFFF; } a.firstleveltop, a.firstleveltop:visited { background-position:0px 0px; color:#000000; text-decoration:none; display:inline-block; width:205px; height:28px; padding:0px; margin:0px; font-size:13px; font-weight:bold; white-space:nowrap; text-indent:5px; line-height:27px; } a.firstleveltop:hover, a.firstleveltop#currentmain { background-position:-205px 0px; color:#FFFFFF; } div.snwhite { width:203px; border-left:1px solid #D9D9D9; border-right:1px solid #D9D9D9; } a.navigate, a.navigate:visited { display:inline-block; min-height:16px; background-color:#FFFFFF; font-size:12px; color:#666666; font-weight:normal; text-decoration:none; padding-top:1px; margin:0px; white-space:normal; height:auto; } a.navigate:hover { background-color:#E8E8E8; color:#000000; } a.navigate_curr, a.navigate_curr:visited { display:inline-block; min-height:16px; font-size:12px; color:#BE2846; font-weight:normal; text-decoration:none; padding-top:1px; margin:0px; white-space:normal; height:auto; } a.navigate_curr:hover { color:#CC5117; text-decoration:underline; } a.snavigate, a.snavigate:visited { font-size:12px; color:#000000; font-weight:normal; text-decoration:none; } a.snavigate:hover { font-size:12px; color:#000000; font-weight:normal; text-decoration:underline; } a.snavigate_curr, a.snavigate_curr:visited { font-size:12px; color:#154BD5; font-weight:normal; text-decoration:none; } a.snavigate_curr:hover { font-size:12px; color:#154BD5; font-weight:normal; text-decoration:underline; } /* ----- MINI-BASKET ----- */ a.minibasketline { background-position:0px -60px; display:inline-block; min-height:13px; font-size:11px; color:#666666; font-weight:normal; text-decoration:none; padding-top:1px; margin:0px; } a.minibasketline:hover { background-position:-205px -60px; color:#000000; } a.minibasketline span { display:inline-block; float:left; font-size:11px; } div.menuspacer { clear:both; width:220px; height:3px; font-size:1px; } /* ----- INFO-BOXES ----- */ .cmsinfoboxtitle { height:27px; font-size:13px; font-weight:bold; white-space:nowrap; text-indent:4px; line-height:26px; background:url(/img/menubox.png) no-repeat -1px -1px; } a.cmsinfobox, a.cmsinfobox:visited { display:block; min-height:16px; width:203px; background-color:#FFFFFF; font-size:12px; color:#666666; font-weight:normal; text-decoration:none; padding-top:1px; margin:0px; white-space:normal; height:auto; text-indent:5px; } a.cmsinfobox:hover { background-color:#E8E8E8; color:#000000; } /* ----- Mini-Produkt-Boxen ----- */ a.miniprod, a.miniprod:visited { color:#000000; text-decoration:none; background-color:#FFFFFF; border:1px solid #E0E0E0; } a.miniprod:hover { border:1px solid #DA1E47; } /* ----- Textarea Counter ----- */ textarea.textfield { height:auto; min-height:65px; border:1px solid #A0A0A0; font-family:Arial,Helvetica,sans-serif; font-size:12px; } .txa_normal { font-size:10px; color:#808080; text-align:right; } .txa_warning { font-size:10px; color:#FF0000; text-align:right; } /* ----- SORTIMENT IM HAUPTFENSTER -----*/ a.subcategory { display:block; position:relative; float:left; width:238px; margin-bottom:10px; height:148px; border:1px solid #E0E0E0; text-align:center; padding:0px; } a.subcategory .imgbox { display:block; width:236px; height:120px; background-position:center center; background-repeat:no-repeat; margin:1px 1px 0 1px; } a.subcategory .imgboxpic { width:236px; height:120px; border:0; } a.subcategory .cat_description { display:block; position:absolute; left:0px; bottom:0px; width:232px; max-height:27px; overflow-y:hidden; margin:0px; padding:1px 3px 1px 3px; font-size:12px; line-height:14px; background:transparent; color:#000000; text-shadow:-1px -1px 2px #FFFFFF; } a.subcategory:hover { color:#000000; border:1px solid #DA1E47; } a.subcategory:hover .cat_description { background-color:#DA1E47; color:#FFFFFF; text-shadow:none; } div.content_assortment_box { float:left; width:220px; padding:2px; margin:2px; font-size:12px; font-weight:bold; color:#005598; text-align:left; } a.xnavigate, a.xnavigate:visited { font-size:13px; color:#000000; font-weight:bold; text-decoration:none; } a.xnavigate:hover { font-size:13px; color:#154BD5; font-weight:bold; text-decoration:none; } a.xnavigate_curr, a.xnavigate_curr:visited { font-size:13px; color:#005598; font-weight:bold; text-decoration:none; } a.xnavigate_curr:hover { font-size:13px; color:#154BD5; font-weight:bold; text-decoration:none; } /* -- SORTIMENT -- */ div.assortmentpict { width:696px; max-height:250px; overflow:hidden; border-top:1px solid #E0E0E0; border-left:1px solid #E0E0E0; border-right:1px solid #E0E0E0; border-bottom:0px; } div.assortmenttext { width:696px; background-color:#000000; color:#FFFFFF; font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:140%; border-bottom:1px solid #000000; border-left:1px solid #000000; border-right:1px solid #000000; border-top:0px; } div.assortmentpict2 { float:left; width:472px; height:140px; overflow:hidden; border:1px solid #E0E0E0; } div.assortmenttext2 { float:right; width:212px; height:140px; margin-right:2px; overflow:hidden; border:1px solid #000000; background-color:#000000; color:#FFFFFF; font-size:11px; line-height:140%; font-weight:normal; } div.assortmenttexte { float:right; width:212px; height:140px; margin-right:2px; overflow:hidden; border:1px solid #E0E0E0; } /* ----- ITEMLIST ----- */ .itemlistheader { width:700px; font-size:12px; font-weight:bold; } .itemlistnavitop { clear:both; height:30px; border-bottom:1px dotted #E0E0E0; margin-bottom:5px; padding-top:3px; } .itemlistnavibot { clear:both; height:30px; border-top:1px dotted #E0E0E0; margin-top:5px; } tr.itemcardline td { border-bottom:1px dotted #A0A0A0; vertical-align:middle; padding:2px; } div.il_prodbox_cont { float:left; width:179px; min-height:170px; margin-bottom:20px; } .il_prodbox { display:block; border:1px solid #E0E0E0; width:177px; height:132px; overflow:hidden; border-radius:7px; position:relative; } .il_prodbox:hover { border-color:#808080; } .il_prodbox img { border-radius:5px; -webkit-border-radius:5px; behavior:url(/css/PIE.htc); } .il_prodbox span.imgbox { display:block; border:1px solid #FFFFFF; width:175px; height:130px; border-radius:5px; -webkit-border-radius:5px; background-position:center center; background-repeat:no-repeat; } .il_prodbox_cont .descrip { display:block; float:left; width:179px; font-size:12px; color:#000000; font-weight:bold; text-align:center; } .il_prodbox_cont .descrip:hover { background-color:#F6F6F6; } .il_prodbox_cont .descrip_extra { display:block; float:left; width:179px; font-size:11px; max-width:179px; color:#000000; font-weight:normal; text-align:center; } .il_prodbox_cont .stars { display:block; float:left; width:179px; height:20px; padding:0px; margin:0px; background:url(/img/starlevel.gif) no-repeat 0px 0px; overflow:hidden; } .il_prodbox_cont .itemno { display:block; float:left; width:179px; white-space:nowrap; color:#000000; font-size:10px; text-align:center; } .il_prodpox_cont .stock_price { display:block; float:left; width:177px; border:1px solid #E0E0E0; border-top:0; padding-bottom:2px; border-radius:0 0 7px 7px; -webkit-border-radius:0 0 7px 7px; } .il_prodbox_cont .stock { display:block; float:left; width:75px; white-space:nowrap; font-size:11px; font-weight:normal; text-align:left; padding-left:5px; } .il_prodbox_cont .price { display:block; float:right; width:90px; white-space:nowrap; color:#000000; font-size:12px; font-weight:bold; text-align:right; padding-right:5px; } .newitem { display:block; position:relative; top:-151px; left:124px; width:42px; height:42px; background:url(/img/corner_new.png) no-repeat top right; text-decoration:none; } .aktionitem { display:block; position:relative; top:-151px; left:124px; width:42px; height:42px; background:url(/img/corner_aktion.png) no-repeat top right; text-decoration:none; } /* -------------------------------------------------------------- TABELLEN-KOPF ---------------------------------------------------------------*/ .itemlistheader { width:610px; font-size:12px; font-weight:bold; } .itemlistnavitop, .itemlistnavibot { clear:both; height:30px; margin-top:1px; } div.itemline { clear:both; font-size:12px; width:610px; color:#000000; background-color:#FFFFFF; min-height:72px; text-decoration:none; } div.itemline:hover { background-color:#F6F6F6; text-decoration:none; } div.itemline span:hover { background-color:#F6F6F6; text-decoration:none; } .itemline .picture { display:block; float:left; width:57px; padding:2px 0px 2px 2px; text-align:center; } .itemline .pictbox { display:inline-block; border:1px solid #E0E0E0; margin:0px 0px 1px 0px; padding:0px; } .itemline .status { display:block; float:left; width:20px; height:60px; text-align:center; padding-top:4px; } .itemline .descrip { display:block; float:left; width:350px; font-size:12px; color:#000000; padding:2px 4px 2px 0px; } .itemline .descrip:hover { background-color:#F6F6F6; } .itemline .itemno { display:block; float:left; width:70px; padding-left:4px; white-space:nowrap; color:#000000; text-align:center; } div.citemline { clear:both; overflow:auto; } a.citemline { color:#000000; background-color:#FFFFFF; text-decoration:none; display:block; } a.citemline:hover { background-color:#F6F6F6; } a.citemline span:hover { background-color:#F6F6F6; } a.citemline:after { content:'.'; display:block; clear:both; visibility:hidden; height:0; line-height:0; } table { font-size:12px; border:0px; } th { font-size:11px; color:#000000; font-weight:bold; line-height:12px; } .tableheader { font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#000000; background-color:#E0E0E0; } .tableheader a:link { text-decoration:none; color:#FF0000; } .tableheader a:visited { text-decoration:none; color:#FF0000; } .tableheader a:active { text-decoration:none; color:#FF0000; } .tableheader a:hover { text-decoration:none; color:#FF0000; } a.composer { display:inline-block; width:550px; font-size:12px; color:#154BD5; text-decoration:none; height:20px; line-height:20px; padding:1px 0px 1px 0px; } a.composer:hover { background-color:#F6F6F6; color:#000000; } a.composerweblink { font-size:12px; color:#000000; text-decoration:none; } a.composerweblink:hover { text-decoration:underline; } span.compcolor { color:#154BD5; } select.filterdd { font-family:"Arial Narrow",Arial,Helvetica,sans-serif; font-size:13px; width:305px; height:24px; line-height:19px; } .prodgroup { display:inline-block; width:30px; height:30px; background:url(/img/prodtypes.png) no-repeat 0 30; margin:3px 0 5px 0; } .prodgroup.icon_noten { background:url(/img/prodtypes.png) no-repeat 0px 0px; } .prodgroup.icon_buch { background:url(/img/prodtypes.png) no-repeat 0px -30px; } .prodgroup.icon_cd { background:url(/img/prodtypes.png) no-repeat 0px -60px; } .prodgroup.icon_stimme { background:url(/img/prodtypes.png) no-repeat 0px -90px; } /* -------------------------------------------------------------- ARTIKEL DETAILANSICHT ---------------------------------------------------------------*/ div.prod_pic_box { float:left; width:200px; min-height:264px; text-align:center; padding-right:9px; } div.pic_divider { clear:both; width:200px; height:8px; } div.prodpicture { padding:0px 0px 3px 0px; } div.prodpicture_fix { position:absolute; top:60px; left:0px; width:210px; height:265px; padding:0px; margin:0px; overflow:hidden; text-align:center; } div.altpicarea { position:absolute; top:310px; left:0px; width:204px; height:50px; background-color:#FFFFFF; border:0px; padding:0px; overflow:hidden; } div.altpic { float:left; width:48px; height:48px; overflow:hidden; text-align:center; border:1px dotted; padding-left:1px; } div.pic200 { border:1px solid #E0E0E0; } div.prod_text { float:left; width:440px; max-width:440px; text-align:left; } div.techdatablockhead { width:440px; height:17px; font-family:Arial,Helvetica; font-size:12px; color:#BE2846; font-weight:bold; border-bottom:dotted 1px #BE2846; padding-top:5px; } div.attribute-list { float:left; width:440px; padding:3px 0px 3px 0px; font-size:11px; } td.attr_name { width:120px; font-weight:normal; vertical-align:top; } td.attr_data { width:230px; font-weight:normal; vertical-align:top; } div.accessory-list { float:left; width:440px; border-bottom:1px dotted #A0A0A0; padding:3px 0px 3px 0px; font-size:11px; } div.accessory-itemno { float:left; width:70px; height:auto; } div.accessory-price { float:left; width:50px; height:auto; text-align:right; } div.accessory-descr { float:left; width:230px; height:auto; } div.accessory-order { float:right; width:80px; height:auto; text-align:right; } .float-break { height:1%; } /* Fix for IE */ .float-break:after { content:"-"; height:0px; font-size:0px; visibility:hidden; display:block; clear:both; } div.techdatacell { height:16px; font-size:11px; border-bottom:0px; } .slidedown { display:inline-block; height:16px; background:url(/img/small_arrows.png) no-repeat 100% 0px; padding-right:20px; text-align:right; } .slidedown:hover {background-position:100% -16px; } .arrowdown { background:url(/img/small_arrows.png) no-repeat 100% 0px; } .arrowdown:hover { background:url(/img/small_arrows.png) no-repeat 100% -16px; } .arrowup { background:url(/img/small_arrows.png) no-repeat 100% -32px; } .arrowup:hover { background:url(/img/small_arrows.png) no-repeat 100% -48px; } div#atc_message { margin:5px 0 2px 0; background-color:#80FF80; font-size:11px; padding:2px; border:1px solid #40FF40; } /* ---------- PFAD (BREADCRUMBS) ---------- */ .pfad { float:left; text-align:left; font-family:Arial,Helvetica,sans-serif; font-size:11px; color:#000000; } .pfad a:link, .pfad a:visited, .pfad a:active { text-decoration:none; color:#073747; } .pfad a:hover { text-decoration:none; color:#C61616; } .checkoutprogress { border:1px solid #F0F0F0; background-color:#F0F0F0; width:750px; height:20px; padding:5px; margin-bottom:10px; } .opbreadt { display:inline-block; width:150px; height:21px; line-height:20px; font-weight:bold; font-size:14px; color:#606060; } span.opbread0, a.opbread0 { display:inline-block; height:21px; line-height:20px; min-width:100px; color:#808080; white-space:nowrap; text-decoration:none; padding-right:20px; } span.opbread1, a.opbread1 { display:inline-block; height:21px; line-height:20px; min-width:100px; color:#000000; white-space:nowrap; text-decoration:none; padding-right:20px; } .opnumber { display:inline-block; width:20px; height:20px; background-color:#A0A0A0; color:#FFFFFF; font-size:14px; line-height:20px; font-weight:bold; text-align:center; } .opnumber#opncurr { background-color:#606060; } /* ---------- BESTELLUNG ---------- */ div.addressblock { width:320px; padding-left:3px; font-size:12px; text-align:left; } a.question { background: url(/img/question.gif) no-repeat left center; padding-left:20px; text-decoration:none; font-size:11px; display:inline-block; height:16px; } a.question:link, a.question:visited, a.question:active { color:#606060; text-decoration:none; } a.question:hover { color:#000000; text-decoration:none; } /* ---------- DOWNLOADS PAGE ------- */ div.downloads { width:750px; border:0; padding:0; line-height:20px; } div.downloads .dlgroup { font-size:13px; margin:15px 0 0 0; color:#C30730; font-weight:bold; border-bottom:1px solid #E0E0E0; } div.downloads .dlline { border-bottom:1px solid #E0E0E0; height:24px; overflow:hidden; white-space:nowrap; margin:0; padding:0; position:relative; } div.downloads .dlline span { display:inline-block; margin:1; padding:0; height:22px; line-height:20px; vertical-align:top; } div.downloads .dlline a { color:#000000; background-color:#FFFFFF; text-decoration:none; display:block; width:100%; height:22px; color:#000000; padding:0 !important; position:relative; } div.downloads .dlline a:hover { color:#FFFFFF; background-color:#77848F; } div.downloads .dlline a.videoplay { display:block; position:absolute; top:1px; right:175px; width:30px; height:20px; background:transparent url(/img/videoplay.png) no-repeat 0 0; text-decoration:none; } div.downloads .dlline a.videoplay:hover { background-position:0 -20px; } /* ---------- GOOGLE MAP ----------- */ a.routeplanner { display:inline-block; text-decoration:none; position:relative; top:-495px; left:220px; width:80px; height:19px; font-size:11px; text-align:center; line-height:19px; color:#000000; background-color:#FFFFFF; border:1px solid rgba(0,0,255,0.15); box-shadow:0px 1px 4px -1px rgba(0,0,0,0.3); -webkit-box-shadow:0px 1px 4px -1px rgba(0,0,0,0.3); border-radius:2px; -webkit-border-radius:2px; } a.routeplanner:hover { background-color:#E0E0E0; color:#000000; } /* ---------- DIALOGBOXEN ---------- */ .dialog { position:relative; margin:0px auto; min-width:40px; min-height:55px; color:#000000; z-index:1; max-width:1200px; margin-left:1px; margin-bottom:5px; } .dialog .content, .dialog .t, .dialog .b, .dialog .b div { background:transparent url(/img/dialogbox.png) no-repeat top right; } .dialog .content { position:relative; padding:0px 10px 0px 0px; } .dialog .t { position:absolute; left:0px; top:0px; width:10px; margin-left:-10px; height:100%; background-position:top left; } .dialog .b { position:relative; width:100%; } .dialog .b, .dialog .b div { height:8px; font-size:1px; } .dialog .b { background-position:bottom right; } .dialog .b div { position:relative; width:10px; margin-left:-10px; background-position:bottom left; } .dialog .hd, .dialog .bd, .dialog .ft { position:relative; } .dialog .wrapper { position:static; max-height:1000px; overflow:auto; } .dialog h1, .dialog p { margin:0px; padding:0.5em 0px 0.5em 0px; } .dialog h1 { padding-bottom:0px; } .dialog h2 { font-weight:bold; padding:9px 2px 5px 2px; color:#000000; margin:0px; } /* ---------- GROUPBOXEN ---------- */ .groupbox { position:relative; margin:0px auto; min-width:40px; min-height:55px; color:#000000; z-index:1; max-width:1200px; margin-left:1px; margin-bottom:5px; } .groupbox .content, .groupbox .t, .groupbox .b, .groupbox .b div { background:transparent url(/img/groupbox.png) no-repeat top right; } .groupbox .content { position:relative; padding:0px 10px 0px 0px; } .groupbox .t { position:absolute; left:0px; top:0px; width:10px; margin-left:-10px; height:100%; background-position:top left; } .groupbox .b { position:relative; width:100%; } .groupbox .b, .groupbox .b div { height:8px; font-size:1px; } .groupbox .b { background-position:bottom right; } .groupbox .b div { position:relative; width:10px; margin-left:-10px; background-position:bottom left; } .groupbox .hd, .groupbox .bd, .groupbox .ft { position:relative; } .groupbox .wrapper { position:static; max-height:1000px; overflow:auto; } .groupbox h1, .groupbox p { margin:0px; padding:0.5em 0px 0.5em 0px; } .groupbox h1 { padding-bottom:0px; } .groupbox h2 { font-weight:bold; padding:9px 2px 5px 2px; color:#000000; margin:0px; } /* ---------- BOX LOGIN / PASSWORD_CHANGE / PASSWORD_RECOVERY ---------- */ div.loginbox { width:310px; border:dotted 1px #666666; } div.loginboxhead { width:308px; height:17px; background-color:#E0E0E0; font-size:12px; color:#000000; font-weight:bold; padding:1px; } /* ---------- BUTTONS ---------- */ .bspace { display:inline-block; width:25px; height:25px; } .button25 { width:25px; height:25px; background:url(/img/button25.png) no-repeat; text-decoration:none; } .buttoncart { width:25px; height:25px; background:url(/img/button25.png) no-repeat; background-position:0px 0px; display:inline-block; text-decoration:none; } .buttoncart:hover { background-position:0px -25px; text-decoration:none; } .buttonprint { width:25px; height:25px; background:url(/img/button25.png) no-repeat; background-position:-25px 0px; display:inline-block; text-decoration:none; } .buttonprint:hover { background-position:-25px -25px; text-decoration:none; } .buttonlike { width:25px; height:25px; background:url(/img/button25.png) no-repeat; background-position:-125px 0px; display:inline-block; text-decoration:none; } .buttonlike:hover { background-position:-125px -25px; text-decoration:none; } .buttonfavs { width:25px; height:25px; background:url(/img/button25.png) no-repeat; background-position:-125px 0px; display:inline-block; text-decoration:none; } .buttonfavs:hover { background-position:-125px -25px; text-decoration:none; } .buttontrash { width:25px; height:25px; background:url(/img/button25.png) no-repeat; background-position:-150px 0px; display:inline-block; text-decoration:none; } .buttontrash:hover { background-position:-150px -25px; text-decoration:none; } .buttonfilt { height:25px; width:auto; background:url(/img/button_filter.png) no-repeat; background-position:0px 0px; display:inline-block; text-decoration:none; } .buttonfilt:hover { background-position:0px -25px; cursor:pointer; } .buttonsearch { width:23px; height:23px; background:url(/img/button25.png) no-repeat; background-position:-200px 0px; display:inline-block; text-decoration:none; } .buttonsearch:hover { background-position:-200px -25px; text-decoration:none; } .buttonprev { height:25px; background:url(/img/button25.png) no-repeat; background-position:0px -50px; font-size:11px; line-height:24px; display:inline-block; color:#000000; } .buttonprev:hover { background-position:0px -75px; color:#000000; text-decoration:none; } .buttonprevi { height:25px; background:url(/img/button25.png) no-repeat; background-position:0px -100px; font-size:11px; line-height:24px; display:inline-block; color:#000000; } .buttonprevi:hover { background-position:0px -100px; color:#000000; text-decoration:none; } .buttonnext { height:25px; background:url(/img/button25.png) no-repeat; background-position:100% -50px; font-size:11px; line-height:24px; display:inline-block; color:#000000; } .buttonnext:hover { background-position:100% -75px; color:#000000; text-decoration:none; } .buttonnexti { height:25px; background:url(/img/button25.png) no-repeat; background-position:100% -100px; font-size:11px; line-height:24px; display:inline-block; color:#000000; } .buttonnexti:hover { background-position:100% -100px; color:#000000; text-decoration:none; } .buttoniprev { width:25px; height:25px; background:url(/img/button25.png) no-repeat; background-position:-50px 0px; display:inline-block; } .buttoniprev:hover { background-position:-50px -25px; text-decoration:none; } .buttoninext { width:25px; height:25px; background:url(/img/button25.png) no-repeat; background-position:-75px 0px; display:inline-block; } .buttoninext:hover { background-position:-75px -25px; text-decoration:none; } .buttonilist { width:25px; height:25px; background:url(/img/button25.png) no-repeat; background-position:-100px 0px; display:inline-block; } .buttonilist:hover { background-position:-100px -25px; text-decoration:none; } .buttondnext { width:25px; height:25px; background:url(/img/button25.png) no-repeat; background-position:-225px 0px; display:inline-block; cursor:default; text-decoration:none; } .buttondnext:hover { text-decoration:none; } .buttondprev { width:25px; height:25px; background:url(/img/button25.png) no-repeat; background-position:-225px -25px; display:inline-block; cursor:default; text-decoration:none; } .buttondprev:hover { text-decoration:none; } .filterstart { float:left; width:4px; height:25px; background:url(/img/button25.png) no-repeat; background-position:0px -150px; } .filtermiddle { float:left; height:25px; background:url(/img/button25.png) repeat-x; background-position:0px -175px; } .filterend { float:left; width:4px; height:25px; background:url(/img/button25.png) no-repeat; background-position:100% -150px; } .buttons a, .buttons button { display:block; float:left; margin:0 7px 0 0; background-color:#f5f5f5; border:1px solid #dedede; border-top:1px solid #EEEEEE; border-left:1px solid #EEEEEE; font-family:Arial,Helvetica,sans-serif; font-size:100%; line-height:130%; text-decoration:none; font-weight:bold; color:#565656; cursor:pointer; padding:5px 10px 6px 7px; } .buttons button { width:auto; overflow:visible; padding:4px 10px 3px 7px; } .buttons button[type] { padding:5px 10px 5px 7px; line-height:17px; } *:first-child+html button[type] { padding:4px 10px 3px 7px; } .buttons button img, .buttons a img { margin:0 3px -3px 0 !important; padding:0; border:none; width:16px; height:16px; } input.button { font-size:11px; } input.textfield { height:22px; font-size:13px; line-height:15px; box-sizing:border-box; border:1px solid #A0A0A0; padding:1px; margin:0px; } input.missing, select.missing { border-color:#FF0000; } input.anzahlform { width:35px; height:18px; text-align:right; font-size:13px; border:solid 1px #A0A0A0; padding:0px 1px 0px 1px; margin:-1px 0px 0px 0px; } input.smbutton { font-size:11px; } table.nkadresse { width:600px; border:0; } .nkadresse input.textfield { height:25px; padding:3px; } .nkadresse select.textfield { height:25px; padding:2px 0px; } .nkadresse textarea.textfield { padding:3px; } /* Mini Basket */ .mb_title { font-weight:bold; font-size:12px; background-color:#B0C6E7; } .mb_line { font-weight:normal; font-size:11px; background-color:#FFFFFF; } .mb_total { font-weight:bold; font-size:11px; background-color:#FFFFFF; } /* NEW Special Outputs */ .error { font-size:11px; font-weight:bold; color:#FF0000; margin:1px 0px 0px 0px; background-color:#FEEAEA; } .err { color: #FF0000;} .white { background-color:#FFFFFF;} .transp { background-color:transparent;} .vatline { font-size:11px;} .information { color: #FF0000; background-color:#FFFFFF; padding:2px 4px; border:solid 1px #FF0000; margin:20px 0px 5px 0px; } .informationb { color: #000000; background-color:#FFFFFF; padding:2px 4px; border:dotted 1px #BE2846; margin:20px 0px 5px 0px; font-weight:normal; } a.sortlink, a.sortlink:link, a.sortlink:visited, a.sortlink:active { background: url(/img/sortlink.png) right 0px no-repeat; padding-right:13px; color:#000000; text-decoration:none; } a.sortlink:hover { background:url(/img/sortlink.png) right -16px no-repeat; } a.sortlink_c { background:url(/img/sortlink.png) right -16px no-repeat; padding-right:13px; color:#000000; text-decoration:none; } span.rabatt { font-size:10px; font-family:Arial,Helvetica,sans-serif; color:#840000; } .pricecolumn { color:#840000; } /* MENU DEFINITIONS */ .topnav, a.topnav, a.topnav:visited { font-size:12px; color:#FFFFFF; } a.topnav:active, a.topnav:hover { text-decoration:none; color:#000000; background-color:#E0E0E0; } div.topnav { vertical-align:top; min-width:90px; display:block; } a.menu, a.menu:visited { padding:2px; font-family:Arial,Helvetica,Sans-Serif; font-size:11px; color:#FFFFFF; } a.menu:active, a.menu:hover { padding:2px; font-family:Arial,Helvetica,Sans-Serif; font-size:11px; color:#FF8624; } /* orange */ div.menu { border:1px; border-style:solid; border-color:#FFFFFF; border-width:1px; text-align:center; padding:3px 6px 3px 6px;} /* SAFERPAY DEFINITIONS */ a.saferpay,a.saferpay:visited,a.saferpay:active { text-decoration:underline; color:#446597; font-weight:bold; } a.saferpay:hover { text-decoration:underline; color:#ff8624; } div.amount { font-family:Arial,Helvetica,sans-serif; font-weight:bold; font-size:13px; color:#446597; border:1px solid #446597; width:150px; margin:20px 0px 0px 50px; padding:2px; text-align:center; } /* DOWNLOAD AREA */ .dltd { background-color:#E0E0E0; border:solid 1px #FFFFFF; border-collapse:collapse; height:24px; } a.lblock:link { background-color:#E0E0E0; display:block; width:500px; height:18px; cursor:pointer; vertical-align:middle; } a.lblock:active { background-color:#E0E0E0; display:block; width:500px; height:18px; cursor:pointer; vertical-align:middle; } a.lblock:visited { background-color:#E0E0E0; display:block; width:500px; height:18px; cursor:pointer; vertical-align:middle; } a.lblock:hover { background-color:#E8E8E8; display:block; width:500px; height:18px; cursor:pointer; vertical-align:middle; } .autocomplete-w1 { background:url(/img/shadow.png) no-repeat bottom right; position:absolute; font-size:13px; top:0px; left:0px; margin:8px 0 0 6px; /* IE6 fix: */ _background:none; _margin:0; } .autocomplete { border:1px solid #999; background:#FFF; cursor:default; text-align:left; max-height:350px; overflow:auto; margin:-6px 6px 6px -6px; /* IE6 specific: */ _height:350px; _margin:0; _overflow-x:hidden; } .autocomplete .selected { background:#F0F0F0; } .autocomplete div { padding:3px 4px; white-space:nowrap; } .autocomplete strong { font-weight:normal; color:#C30730; }