/* -------------------------------------------------------------------------------- Basics -------------------------------------------------------------------------------- */ body, div, form, img, p, a, table, tr, td, dl, dt, dd, ol, ul, li, h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; border: 0; list-style: none; font-family: Arial, Verdana, Tahoma, Arial, Helvetica, sans-serif; font-size: 100%; } input, select { font-family: Tahoma, Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-weight: normal; } input { padding: 1px 3px 1px 3px; } /* -------------------------------------------------------------------------------- Schriftgrößen, Zeilenabstände -------------------------------------------------------------------------------- */ h1, h2, h3, h4, h5, h6 { font-size: 12px; line-height: 1.5em; } p, div, table { font-size: 12px; line-height: 1.33em; } p { margin-bottom: 0.75em; } a { font-size: 12px; } /* -------------------------------------------------------------------------------- Grundkonstruktion -------------------------------------------------------------------------------- */ html {} body { background-color: #E2E2E1; } #wrapper { float: left; width: 838px; background: #E2E2E1 url(img/bg/bg-kachel.gif) top left repeat-y; margin: 10px 0; } #header_wrapper { width: 838px; height: 119px; } #header {} #header_topnav { width: 838px; height: 26px; background: #E2E2E1; } #header #homelink {} #header_servicenav { width: 838px; } #main_wrapper { width: 838px; float: left; } #main { margin: 20px 0 20px 0; } #nav_wrapper { width: 223px; float: left; } #nav { } #content_wrapper { width: 615px; float: left; } #content { overflow: hidden; /* min-height: 500px; height: auto !important; height: 500px; */ } /* #marginal_wrapper { width: 157px; float: left; } #marginal { border: 1px solid #DBEBFB; padding: 10px 10px 50px 10px; text-align: left; } */ #footer_wrapper { width: 838px; clear: both; } #footer { height: 100px; background: #E2E2E1 url(img/bg/bg-footer.gif) top left no-repeat; } /* -------------------------------------------------------------------------------- Basics -------------------------------------------------------------------------------- */ #clear { clear: both; } .clear { clear: both; overflow: hidden; } /* -------------------------------------------------------------------------------- Header -------------------------------------------------------------------------------- */ #wrapper #header_wrapper { background: url(img/header/header_pcw.jpg) 4px 26px no-repeat; } /* Standard-Header */ /* Klasse über Cat-LastTopIndex */ #wrapper.pcwelt #header_wrapper { background: url(img/header/header_pcw.jpg) 4px 26px no-repeat; } #wrapper.macwelt #header_wrapper { background: url(img/header/header_mw.gif) 4px 26px no-repeat; } #wrapper.mymac #header_wrapper { background: url(img/header/header_mym.gif) 4px 26px no-repeat; } #wrapper.iphonewelt #header_wrapper { background: url(img/header/header_ipw.gif) 4px 26px no-repeat; } #wrapper.gamestar #header_wrapper { background: url(img/header/header_gs.gif) 4px 26px no-repeat; } #wrapper.makinggames #header_wrapper { background: url(img/header/header_mgm.gif) 4px 26px no-repeat; } #wrapper.gamepro #header_wrapper { background: url(img/header/header_gp.gif) 4px 26px no-repeat; } #wrapper.simsmagazin #header_wrapper { background: url(img/header/header_sims.jpg) 4px 26px no-repeat; } #wrapper.channelpartner #header_wrapper { background: url(img/header/header_cp.gif) 4px 26px no-repeat; } #wrapper.computerwoche #header_wrapper { background: url(img/header/header_cw.gif) 4px 26px no-repeat; } #wrapper.cio #header_wrapper { background: url(img/header/header_cio.gif) 4px 26px no-repeat; } #wrapper.cfoworld #header_wrapper { background: url(img/header/header_cfo.gif) 4px 26px no-repeat; } #wrapper.tecchannel #header_wrapper { background: url(img/header/header_tec.gif) 4px 26px no-repeat; } #wrapper.gi_kooperation #header_wrapper { background: url(img/header/header_gi.gif) 4px 26px no-repeat; } /* -------------------------------------------------------------------------------- Top-Navigation -------------------------------------------------------------------------------- */ /* #header_topnav ul { position: relative; top: 0; left: 36px; width: 783px; } #header_topnav li { float: left; } */ #header_topnav { float: right; } #header_topnav ul { float: right; margin-right: 20px; } #header_topnav li { float: left; } #header_topnav a { /* float: left; */ display: block; background: none; color: #666666; text-decoration: none; text-align: center; } #header_topnav a:link, #header_topnav a:visited { } #header_topnav a:hover, #header_topnav a:active { background: #FFFFFF; } #header_topnav li { width: 87px; height: 26px; } #header_topnav li a { width: 87px; height: 26px; } #header_topnav li a span { display: none; } #header_topnav li.pcw { background: url(img/topnav/pcw.gif) top left no-repeat; } #header_topnav li.mw { background: url(img/topnav/mw.gif) top left no-repeat; } #header_topnav li.mym { background: url(img/topnav/mym.gif) top left no-repeat; } #header_topnav li.ipw { background: url(img/topnav/ipw.gif) top left no-repeat; } #header_topnav li.gs { background: url(img/topnav/gs.gif) top left no-repeat; } #header_topnav li.mgm { background: url(img/topnav/mgm.gif) top left no-repeat; } #header_topnav li.gp { background: url(img/topnav/gp.gif) top left no-repeat; } #header_topnav li.sim { background: url(img/topnav/sims.gif) top left no-repeat; } #header_topnav li.cp { background: url(img/topnav/cp.gif) top left no-repeat; } #header_topnav li.cw { background: url(img/topnav/cw.gif) top left no-repeat; } #header_topnav li.cio { background: url(img/topnav/cio.gif) top left no-repeat; } #header_topnav li.cfo { background: url(img/topnav/cfo.gif) top left no-repeat; } #header_topnav li.tec { background: url(img/topnav/tec.gif) top left no-repeat; } #header_topnav li.pcw a:hover { background: url(img/topnav/pcw_hover.gif) top left no-repeat; } #header_topnav li.mw a:hover { background: url(img/topnav/mw_hover.gif) top left no-repeat; } #header_topnav li.mym a:hover { background: url(img/topnav/mym_hover.gif) top left no-repeat; } #header_topnav li.ipw a:hover { background: url(img/topnav/ipw_hover.gif) top left no-repeat; } #header_topnav li.gs a:hover { background: url(img/topnav/gs_hover.gif) top left no-repeat; } #header_topnav li.mgm a:hover { background: url(img/topnav/mgm_hover.gif) top left no-repeat; } #header_topnav li.gp a:hover { background: url(img/topnav/gp_hover.gif) top left no-repeat; } #header_topnav li.sim a:hover { background: url(img/topnav/sims_hover.gif) top left no-repeat; } #header_topnav li.cp a:hover { background: url(img/topnav/cp_hover.gif) top left no-repeat; } #header_topnav li.cw a:hover { background: url(img/topnav/cw_hover.gif) top left no-repeat; } #header_topnav li.cio a:hover { background: url(img/topnav/cio_hover.gif) top left no-repeat; } #header_topnav li.cfo a:hover { background: url(img/topnav/cfo_hover.gif) top left no-repeat; } #header_topnav li.tec a:hover { background: url(img/topnav/tec_hover.gif) top left no-repeat; } #header_topnav li.pcw a.selected { background: url(img/topnav/pcw_selected.gif) top left no-repeat; } #header_topnav li.mw a.selected { background: url(img/topnav/mw_selected.gif) top left no-repeat; } #header_topnav li.mym a.selected { background: url(img/topnav/mym_selected.gif) top left no-repeat; } #header_topnav li.ipw a.selected { background: url(img/topnav/ipw_selected.gif) top left no-repeat; } #header_topnav li.gs a.selected { background: url(img/topnav/gs_selected.gif) top left no-repeat; } #header_topnav li.mgm a.selected { background: url(img/topnav/mgm_selected.gif) top left no-repeat; } #header_topnav li.gp a.selected { background: url(img/topnav/gp_selected.gif) top left no-repeat; } #header_topnav li.sim a.selected { background: url(img/topnav/sims_selected.gif) top left no-repeat; } #header_topnav li.cp a.selected { background: url(img/topnav/cp_selected.gif) top left no-repeat; } #header_topnav li.cw a.selected { background: url(img/topnav/cw_selected.gif) top left no-repeat; } #header_topnav li.cio a.selected { background: url(img/topnav/cio_selected.gif) top left no-repeat; } #header_topnav li.cfo a.selected { background: url(img/topnav/cfo_selected.gif) top left no-repeat; } #header_topnav li.tec a.selected { background: url(img/topnav/tec_selected.gif) top left no-repeat; } #header_topnav li.pcw a.selected:hover { background: url(img/topnav/pcw_selected.gif) top left no-repeat; } #header_topnav li.mw a.selected:hover { background: url(img/topnav/mw_selected.gif) top left no-repeat; } #header_topnav li.mym a.selected:hover { background: url(img/topnav/mym_selected.gif) top left no-repeat; } #header_topnav li.ipw a.selected:hover { background: url(img/topnav/ipw_selected.gif) top left no-repeat; } #header_topnav li.gs a.selected:hover { background: url(img/topnav/gs_selected.gif) top left no-repeat; } #header_topnav li.mgm a.selected:hover { background: url(img/topnav/mgm_selected.gif) top left no-repeat; } #header_topnav li.gp a.selected:hover { background: url(img/topnav/gp_selected.gif) top left no-repeat; } #header_topnav li.sim a.selected:hover { background: url(img/topnav/sims_selected.gif) top left no-repeat; } #header_topnav li.cp a.selected:hover { background: url(img/topnav/cp_selected.gif) top left no-repeat; } #header_topnav li.cw a.selected:hover { background: url(img/topnav/cw_selected.gif) top left no-repeat; } #header_topnav li.cio a.selected:hover { background: url(img/topnav/cio_selected.gif) top left no-repeat; } #header_topnav li.cfo a.selected:hover { background: url(img/topnav/cfo_selected.gif) top left no-repeat; } #header_topnav li.tec a.selected:hover { background: url(img/topnav/tec_selected.gif) top left no-repeat; } /* -------------------------------------------------------------------------------- Home-Link -------------------------------------------------------------------------------- */ #header #homelink { /* ::TODO:: funktioniert (noch) nicht im IE 6 */ position: absolute; left: 5px; top: 36px; width: 300px; height: 93px; display: block; text-decoration: none; } /* -------------------------------------------------------------------------------- Service-Navigation -------------------------------------------------------------------------------- */ #header_servicenav { float: right; margin: 70px 0 0 0; padding: 0; } #header_servicenav ul { float: right; padding: 0 16px 0 0; display: inline; } #header_servicenav li { float: left; display: inline; } #header_servicenav a { display: block; float: left; padding: 0 5px 0 5px; font-size: 11px; text-decoration: none; text-align: center; } #header_servicenav a:link, #header_servicenav a:visited { } #header_servicenav a:hover, #header_servicenav a:active { text-decoration: underline; } /* Button Warenkorb */ #header_servicenav li.first { background: url(img/servicenav/basket_light.png) 0 50% no-repeat; border: none; } #header_servicenav li.first a { padding-left: 16px; } /* servicenav in anderen Farben, je nach subshop */ #wrapper #header_servicenav li { border-left: 1px solid #FFFFFF; } /* standard */ /* Klasse über Cat-LastTopIndex */ #wrapper.pcwelt #header_servicenav li { border-left: 1px solid #FFFFFF; } #wrapper.macwelt #header_servicenav li { border-left: 1px solid #FFFFFF; } #wrapper.mymac #header_servicenav li { border-left: 1px solid #666666; } #wrapper.iphonewelt #header_servicenav li { border-left: 1px solid #FFFFFF; } #wrapper.gamestar #header_servicenav li { border-left: 1px solid #FFFFFF; } #wrapper.makinggames #header_servicenav li { border-left: 1px solid #FFFFFF; } #wrapper.gamepro #header_servicenav li { border-left: 1px solid #FFFFFF; } #wrapper.simsmagazin #header_servicenav li { border-left: 1px solid #FFFFFF; } #wrapper.channelpartner #header_servicenav li { border-left: 1px solid #FFFFFF; } #wrapper.computerwoche #header_servicenav li { border-left: 1px solid #666666; } #wrapper.cio #header_servicenav li { border-left: 1px solid #FFFFFF; } #wrapper.cfoworld #header_servicenav li { border-left: 1px solid #666666; } #wrapper.tecchannel #header_servicenav li { border-left: 1px solid #666666; } #wrapper #header_servicenav li.first { border: none; background: url(img/servicenav/basket_light.png) 0 50% no-repeat; } /* standard */ #wrapper.pcwelt #header_servicenav li.first { border: none; background: url(img/servicenav/basket_light.png) 0 50% no-repeat; } #wrapper.macwelt #header_servicenav li.first { border: none; background: url(img/servicenav/basket_light.png) 0 50% no-repeat; } #wrapper.mymac #header_servicenav li.first { border: none; background: url(img/servicenav/basket_dark.png) 0 50% no-repeat; } #wrapper.iphonewelt #header_servicenav li.first { border: none; background: url(img/servicenav/basket_light.png) 0 50% no-repeat; } #wrapper.gamestar #header_servicenav li.first { border: none; background: url(img/servicenav/basket_light.png) 0 50% no-repeat; } #wrapper.makinggames #header_servicenav li.first { border: none; background: url(img/servicenav/basket_light.png) 0 50% no-repeat; } #wrapper.gamepro #header_servicenav li.first { border: none; background: url(img/servicenav/basket_light.png) 0 50% no-repeat; } #wrapper.simsmagazin #header_servicenav li.first { border: none; background: url(img/servicenav/basket_light.png) 0 50% no-repeat; } #wrapper.channelpartner #header_servicenav li.first { border: none; background: url(img/servicenav/basket_light.png) 0 50% no-repeat; } #wrapper.computerwoche #header_servicenav li.first { border: none; background: url(img/servicenav/basket_dark.png) 0 50% no-repeat; } #wrapper.cio #header_servicenav li.first { border: none; background: url(img/servicenav/basket_light.png) 0 50% no-repeat; } #wrapper.cfoworld #header_servicenav li.first { border: none; background: url(img/servicenav/basket_dark.png) 0 50% no-repeat; } #wrapper.tecchannel #header_servicenav li.first { border: none; background: url(img/servicenav/basket_dark.png) 0 50% no-repeat; } #wrapper #header_servicenav a { color: #FFFFFF; } /* standard */ #wrapper.pcwelt #header_servicenav a { color: #FFFFFF; } #wrapper.macwelt #header_servicenav a { color: #FFFFFF; } #wrapper.mymac #header_servicenav a { color: #666666; } #wrapper.iphonewelt #header_servicenav a { color: #FFFFFF; } #wrapper.gamestar #header_servicenav a { color: #FFFFFF; } #wrapper.makinggames #header_servicenav a { color: #FFFFFF; } #wrapper.gamepro #header_servicenav a { color: #FFFFFF; } #wrapper.simsmagazin #header_servicenav a { color: #FFFFFF; } #wrapper.channelpartner #header_servicenav a { color: #FFFFFF; } #wrapper.computerwoche #header_servicenav a { color: #666666; } #wrapper.cio #header_servicenav a { color: #FFFFFF; } #wrapper.cfoworld #header_servicenav a { color: #666666; } #wrapper.tecchannel #header_servicenav a { color: #666666; } /* -------------------------------------------------------------------------------- Navigationsleiste links -------------------------------------------------------------------------------- */ #nav { padding: 0 0 0 17px; overflow: hidden; } #nav .box_rounded { position:relative; width: 180px; background: url(img/nav/bg_box_rounded_content.gif) bottom left no-repeat; margin: 0 0 15px 0; } #nav .box_rounded .content { width: 180px; background: url(img/nav/bg_box_rounded_top.gif) top left no-repeat; } /* #nav .box_rounded .footer { width: 180px; background: url(img/nav/nav_bg_bottom.gif) top left no-repeat; height: 20px; } */ #nav .box_rounded .content h3 { padding: 3px 6px 1px 6px; font-weight: bold; border-bottom: 1px solid #D1D9E0; } /* -------------------------------------------------------------------------------- Produkt-Navigation -------------------------------------------------------------------------------- */ #nav #productmenu { padding: 6px; overflow: hidden; } /* neue Navigation css_ul */ #nav ul {width:168px; margin:0; padding:0; list-style:none;} #nav li {width:168px; float:left; margin:0; padding:0; list-style:none;} #nav li a {display:block; margin:0; padding:3px 0px 3px 15px; font-weight:bold; text-decoration:none; font-size:11px;} /* level 1 wird nicht benötigt */ #nav ul.level1 {} #nav ul.level1 li a {margin:0; padding:3px 0px 3px 15px;} #nav ul.level1 li a:link {} #nav ul.level1 li a:visited {} #nav ul.level1 li a:hover {} #nav ul.level1 li a:active {} #nav ul.level1 li a.selected {} /* es geht los mit level2 */ #nav ul.level2 {} #nav ul.level2 li a {padding:3px 0px 3px 10px; color: #FFFFFF; background-color: #AFB2BC; border-bottom: 1px dotted #FFFFFF; _border-bottom:1px solid #FFFFFF;} #nav ul.level2 li a:link {color: #FFFFFF;} #nav ul.level2 li a:visited {color: #FFFFFF;} #nav ul.level2 li a:hover {color: #777D8C; background-color: #DFE0E4;} #nav ul.level1 li a:active {color: #777D8C; background-color: #DFE0E4;} #nav ul.level2 li a.opened {color: #FFFFFF; background-color: #7C818F;} #nav ul.level2 li a.selected {color: #FFFFFF; background-color: #7C818F;} #nav ul.level3 {} #nav ul.level3 li a {padding:3px 0px 3px 10px; color: #FFFFFF; background-color: #DFE0E4; border-bottom: 1px dotted #FFFFFF; _border-bottom:1px solid #FFFFFF;} #nav ul.level3 li a:link {color: #626673;} #nav ul.level3 li a:visited {color: #626673;} #nav ul.level3 li a:hover {color: #777D8C; background-color: #EFF0F2;} #nav ul.level3 li a:active {color: #777D8C; background-color: #EFF0F2;} #nav ul.level3 li a.opened {color: #777D8C; background-color: #d0d2d9;} #nav ul.level3 li a.opened:hover {color: #777D8C; background-color: #EFF0F2;} #nav ul.level3 li a.selected {color: #777D8C; background-color: #EFF0F2;} #nav ul.level4 {display:none;} #nav ul.level4 li a {padding:3px 0px 3px 28px; color: #FFFFFF; background-color: #DFE0E4; border-bottom: 1px dotted #FFFFFF; _border-bottom:1px solid #FFFFFF;} #nav ul.level4 li a:link {color: #626673;} #nav ul.level4 li a:visited {color: #626673;} #nav ul.level4 li a:hover {color: #777D8C; background-color: #EFF0F2;} #nav ul.level4 li a:active {color: #777D8C; background-color: #EFF0F2;} #nav ul.level4 li a.opened {color: #777D8C; background-color: #EFF0F2;} #nav ul.level4 li a.selected {color: #777D8C; background-color: #EFF0F2;} #nav ul.level4 li a.selected:hover {color: #777D8C; background-color: #EFF0F2;} #nav ul.level5 {display:none;} #nav ul.level6 {display:none;} /* -------------------------------------------------------------------------------- Shopcode-Box -------------------------------------------------------------------------------- */ #box_shopcode form { margin-bottom:10px; padding: 6px; } #box_shopcode input#shopcode { margin: 0; font-family: "Courier New", Courier, mono; font-weight: bold; font-size: 15px; text-align: center; padding: 1px 2px 1px 2px; /* border: 2px inset #0D6180; */ } #box_shopcode p { clear: both; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; line-height: normal; padding: 5px 1px 0 1px; } #box_shopcode a, #box_shopcode a:link, #box_shopcode a:visited, #box_shopcode a:hover, #box_shopcode a:active { font-size: 11px; color: #032158; line-height: normal; font-weight: normal; text-decoration: underline; } #box_shopcode a:hover, #box_shopcode a:active { color: #AF2228; } /* -------------------------------------------------------------------------------- Content -------------------------------------------------------------------------------- */ /* generelles */ #content { margin: 0 15px 20px 0; /* content-module stehen rechts 5px über, deshalb hier nur padding 15px */ color: #000000; /* background: #D3D9DC; */ } img.float_left { float: left; display: inline-block; margin-right: 15px; margin-bottom: 10px; } .floatfix { display:table; } * html .floatfix { zoom:1; } /* nur IE6 */ /* ---------- Startseite(n) ---------- */ /* Inhaltsboxen, allgemeine Styles */ #content .modul { float: left; display: inline; /* Fix for Doubled Float Margin Bug */ margin: 0 5px 5px 0; background: #FFFFFF; } * html #content .modul { margin-right: -3px; } /* Fix for duplicate characters bug */ /* Startseite mmo, channelpartner */ #content .teaser_startpage { margin: 9px 0 10px 0; padding: 25px 40px 30px 30px; background:#f3f3f3; } #content .cat_longdescr .teaser_startpage { margin: -16px -30px -5px -30px; padding: 25px 40px 30px 30px; background:#f3f3f3; } .teaser_startpage img { float: left; margin: 0 14px 10px 0; } /* Inhaltsboxen, verschiedene Breiten */ #content .w3 { width: 595px; background: url(img/modul/bg_modul_w3_content.gif) top left repeat-y; } #content .w2 { width: 295px; background: url(img/modul/bg_modul_w2_content.gif) top left repeat-y; } #content .w1 { width: 195px; background: url(img/modul/bg_modul_w1_content.gif) top left repeat-y; } #content .modul h1, #content .modul h3 { padding: 2px 10px 0 10px; _padding-top: 1px; font-size: 14px; } #content .modul h1 span, #content .modul h3 span { display: block; padding: 0; border-bottom: 1px solid #D1D9E0; margin-bottom: 5px; } #content .modul.w3 h1, #content .modul.w3 h3 { background: url(img/modul/bg_modul_w3_top.gif) top left no-repeat; } #content .modul.w2 h1, #content .modul.w2 h3 { background: url(img/modul/bg_modul_w2_top.gif) top left no-repeat; } #content .modul.w1 h1, #content .modul.w1 h3 { background: url(img/modul/bg_modul_w1_top.gif) top left no-repeat; } #content .modul .content { padding: 0 10px 10px 10px; } #content .modul.w3 .content { background: url(img/modul/bg_modul_w3_bottom.gif) bottom left no-repeat; } #content .modul.w2 .content { background: url(img/modul/bg_modul_w2_bottom.gif) bottom left no-repeat; } #content .modul.w1 .content { background: url(img/modul/bg_modul_w1_bottom.gif) bottom left no-repeat; } #content .modul.w3 .content h2, #content .modul.w2 .content h2, #content .modul.w1 .content h2 { maring: 0; padding: 1.0em 0 0.5em 0; background: none; font-size: 14px; } #content .modul.w3 .content h3, #content .modul.w2 .content h3, #content .modul.w1 .content h3 { maring: 0; padding: 1.0em 0 0.5em 0; background: none; font-size: 12px; } #content .modul.w3 .content h2.first, #content .modul.w2 .content h2.first, #content .modul.w1 .content h2.first { margin-top: 0; padding-top: 0; } /* allgemein für alle Templates gültige Styles */ /* category */ #content dl.category { clear: both; float: left; width: 575px; padding: 5px 0 5px 0; border-bottom: 1px solid #D1D9E0; } #content dl.category dt { float: left; width: 125px; min-height: 85px; height: auto !important; height: 85px; text-align: center; } #content dl.category dd { float: left; width: 450px; padding: 5px 0; } /* -------------------------------------------------------------------------------- Content / Produkt-Template -------------------------------------------------------------------------------- */ #content dl.product { clear: both; float: left; width: 575px; } #content dl.product dt { float: left; width: 155px; margin: 5px 0; } /* #content dl.product dt img { -moz-box-shadow: 3px 3px 6px #666666; -webkit-box-shadow: 3px 3px 6px #666666; box-shadow: 3px 3px 6px #666666; } */ #content dl.product dd { float: left; width: 420px; padding: 5px 0; } #content .modul .product h1 { margin: 0 0 0.5em 0; padding: 0; background: none; font-size: 14px; } /* Länderauswahl-Buttons */ #content div.box_button_land { width: 575px; padding: 5px 0 10px 0; } #content div.box_button_land div { float: right; } #content div.box_button_land p { float: left; display: inline; font-size: 10px; } #content div.box_button_land ul { float: left; display: inline; margin: 0; padding: 0; } #content div.box_button_land ul li { float: left; display: inline; padding: 0; } #content div.box_button_land ul li a { margin: 0 0 0 5px; } /* Cross-Selling-Links */ #content div.cslinks {float:left; width:575px; margin:20px 0 0 0;} #content div.cslinks p {margin: 0; padding: 5px 0 5px 0; border-top: 1px solid #D1D9E0;} #content div.cslinks dl p {padding: 5px 0 0 0; border: none;} #content div.cslinks dl {float:left; clear: both; width:575px; padding: 5px 0 5px 0; border-bottom: 1px solid #D1D9E0;} #content div.cslinks dt {float:left; margin:0; padding:0; width:125px; min-height: 85px; height: auto !important; height: 85px; text-align: center;} #content div.cslinks dt img {margin:0; padding:0;} #content div.cslinks dd {float:left; width:450px; padding: 5px 0 0 0;} /* abhängige Varianten */ div.pr_depvar_table { border:1px solid #CCCCCC; margin-top:6px; margin-bottom:1px; background-color:#EFF0F2; text-align:left; } div.pr_depvar_table strong, div.pr_depvar_table span { margin: 2px 0 2px 8px; } div.pr_depvar_table select { margin: 2px 0 1px 8px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; } div.pr_depvar_table input.submit { margin: 2px 0 2px 8px; font-size: 9px; } /* normale Varianten */ div.pr_var_table { clear: both; border: 1px solid #CCCCCC; margin-top: 6px; margin-bottom: 1px; background-color: #EFF0F2; } div.pr_var_table strong { margin: 2px 0 2px 8px; } div.pr_var_table select { margin: 2px 0 1px 8px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 11px; } /* Bestellen / in Warenkorb legen / Ändern / Übernehmen */ .pr_order_table { margin-top: 6px; margin-bottom: 1px; /* background: #EFF0F2; border: 1px solid #CCCCCC; */ background: #FFFFE5; border: 1px solid #CCCCCC; } .pr_order_table td { font-weight: bold; color: #000000; padding: 2px 4px 2px 4px; } .pr_order_table input { padding: 0 2px 0 2px; font-family: Tahoma, Arial, Helvetica, sans-serif; font-weight: normal; font-size: 11px; } /* Leiste mit Bestellbutton bzw. Ändern; Farbe: grau */ .pr_order_table_grey { margin-top:6px; margin-bottom:1px; background-color:#EFF0F2; border:1px solid #CCCCCC; } table.pr_order_table_grey td { font-weight:bold; color:#000000; padding: 2px 4px 2px 4px; } /* PDF-Downloads */ #content a.pdf, #content a:link.pdf, #content a:visited.pdf, #content a:hover.pdf, #content a:active.pdf { display: block; padding: 5px 0 5px 30px; background: url(../images/icons/pdficon-24px.gif) 0 50% no-repeat; } /* Sonderhefte: Box mit Link zu PDF-Download */ #content div.shpdfbox { padding: 10px; border: 1px solid #339933; background: #E6F3E6; } #content div.shpdfbox p { font-weight: bold; } #content div.shpdfbox a:link, #content div.shpdfbox a:visited, #content div.shpdfbox a:hover, #content div.shpdfbox a:active { padding: 1px 0 1px 20px; display: block; background: url(../images/templates/pdficon.gif) 0% 50% no-repeat; color: #339933; text-decoration: underline; } #content div.shpdfbox a:hover, #content div.shpdfbox a:active { color: #33CC33; text-decoration: underline; } /* Produktseite Bookshop */ #content .bookshop { padding-top: 5px; } #content .product_image { float: left; width: 155px; margin-bottom: 5px; } #content .product_image p { padding-top: 3px; } #content .product_content { float: left; width: 420px; } #content .bookshop_product_box { margin: 0 0 20px 0; } #content .bookshop_order_box { } /* Auswahl Bestellvariante */ #content .bookshop_order_choice ul { margin: 0 0 20px 0; padding: 0; border: 1px solid #D1D9E0; } #content .bookshop_order_choice li { list-style: none; } /* #content .bookshop_order_choice li span.nowrap { white-space: nowrap; } */ #content .bookshop_order_choice li.bookshop_order_link { margin: 0; padding: 0; background: url(img/bookshop/clickandbuy.png) 8px 50% no-repeat; } #content .bookshop_order_choice .bookshop_order_link a, #content .bookshop_order_choice .bookshop_order_link a:link, #content .bookshop_order_choice .bookshop_order_link a:visited, #content .bookshop_order_choice .bookshop_order_link a:hover, #content .bookshop_order_choice .bookshop_order_link a:active { display: block; padding: 8px 8px 8px 46px; min-height: 30px; height: auto !important; height: 30px; } #content .bookshop_order_choice li.bookshop_order_link:hover { background-color: #EEF3F9; } #content .bookshop_order_choice li.bookshop_inquiry { margin: 0; padding: 0; background: url(img/bookshop/versandicon.png) 8px 50% no-repeat; } #content .bookshop_order_choice .bookshop_inquiry a, #content .bookshop_order_choice .bookshop_inquiry a:link, #content .bookshop_order_choice .bookshop_inquiry a:visited, #content .bookshop_order_choice .bookshop_inquiry a:hover, #content .bookshop_order_choice .bookshop_inquiry a:active { display: block; padding: 8px 8px 8px 46px; min-height: 30px; height: auto !important; height: 30px; } #content .bookshop_order_choice li.bookshop_inquiry:hover { background-color: #EEF3F9; } #content div.bookshop_order_form_box { margin: 0; } #content div.bookshop_order_form_box p { margin: 0; padding: 0 0 0.5em 0; } #content div.bookshop_order_form_box .required { color: #AF2227; } #content div.bookshop_order_form_box .alert_box { display: block; text-align: left; padding: 10px 10px 10px 20px; margin: 0 0 5px 0; background: #FFCCCC; font-weight: bold; } #content div.bookshop_order_form_box .input_error_ul { } #content div.bookshop_order_form_box .input_error_li { /* wird auch für p verwendet */ margin: 0; padding: 0; } #content table.bookshop_order_table { width: 100%; } #content table.bookshop_order_table tr td { padding: 2px 8px 2px 8px; } #content table.bookshop_order_table tr td td { padding: 0; } #content table.bookshop_order_table tr.odd { background: #EEF3F9; } #content table.bookshop_order_table tr.even { background: #F7F9FC; } #content table.bookshop_order_table .td_conditions { padding-right: 16px; } #content .td_conditions input, #content .td_conditions span, #content .td_conditions { vertical-align: baseline; } #content .bookshop_order_box td.smb { padding-top: 10px; } #content .bookshop_order_box input.smb { padding: 0; } /* Produktseite für Mailings */ body#product_mailings #content dl.product dt { display: block; float: none; width: 575px; } body#product_mailings #content dl.product dt p.bildunterschrift { margin-left: 0; margin-right: 0; float: right; } body#product_mailings #content dl.product dd { display: block; float: none; clear: both; width: 575px; } body#product_mailings #content dl.product dd h1, body#product_mailings #content dl.product dd p { padding-left: 30px; padding-right: 30px; } /* -------------------------------------------------------------------------------- Kategorie-Template(s) -------------------------------------------------------------------------------- */ .cat_longdescr { padding: 20px 30px 15px 30px; } /* -------------------------------------------------------------------------------- Login-Template(s) -------------------------------------------------------------------------------- */ .login_box_wrapper { /* margin-bottom: 10px; */ } .login_box_wrapper.last { margin-bottom: 0; } .login_box { margin-top: 10px; /* border-bottom: 1px solid #D1D9E0; */ } .login_box_cols_2 { float: left; width: 287px; } .login_box_inner { margin: 0; padding: 10px; border: 1px solid #D1D9E0; } body#login .login_box_inner.fill { background: #EFF0F2; /* #EEF2F8; */ } .login_box_cols_2 .login_box_inner { min-height: 260px; height: auto !important; height: 260px; } .login_box_inner.first { margin: 0 10px 0 0; } .login_box_standalone { width: 100%; } .login_box_standalone .login_box_inner { border: none; padding: 0; } .login_box h2 { margin: 0 0 5px 0; } .login_box input { margin: 0; padding: 0; } /* .login_box div.submit { padding: 3px 0 3px 0; } */ .login_box .p_request_pw { margin: 0; } .login_box table {width:100%;margin:0;padding:0;border:0;outline:0;border-collapse:separate;border-spacing:0;} .login_box .td_1 {margin:0;padding:0 0 0;width:200px;text-align:right;vertical-align:middle;} .login_box .td_2 {margin:0;padding:3px 0 3px 6px;width:auto;text-align:left;} .login_box_standalone .td_1 { width: 250px; } .login_box_standalone .td_2 { text-align: left; } /* .button_single_submit { float: right; } */ div.submit {text-align:right;} #content div.labeled_button {float:left;width:100%;margin:0 0 20px 0;} #content div.labeled_button p {float:left;margin:0;padding:0;vertical-align:middle;} #content div.labeled_button div.submit {float:left;margin:0;padding:0 0 0 10px;vertical-align:middle;} #content div.labeled_button div.submit input {margin:0;padding:0;} /* notify, alert, error, success */ /* .notify { background: url(../images/icons/notify.gif) top left no-repeat; padding-left: 48px; min-height: 40px; height: auto !important; height: 40px; font-weight: bold; } .notify p { color: #000000; } .notify ul { padding-bottom: 20px; } .notify ul li { margin-left: 1.0em; list-style: disc; font-weight: bold; color: #990000; } */ /* error messages */ #content .notify { margin: 5px 0 5px 0; padding: 8px 10px 8px 10px; border: 1px solid #FFCC00; background: #FFFFCC; font-weight: normal; } #content .notify p { margin: 0; padding: 0; } #content div.error { border: 1px solid #CC0000; background: #FFCCCC; } #content div.error ul { margin-bottom: 0; } #content div.error ul li { color: #CC0000; } #content input.error { border: 2px solid #CC0000; } #content select.error { border: 2px solid #CC0000; } /* page user account */ .user_account_left { float: left; width: 200px; } .user_account_right { float: left; width: 328px; border: 1px solid #D1D9E0; padding: 20px; } /* -------------------------------------------------------------------------------- Multiple Userdaten -------------------------------------------------------------------------------- */ div.multiuserdata_manage_container { display: block; margin: 0 0 4px 0; padding: 4px 6px 4px 6px; border: 1px solid #CCCCCC; background: #EEEEEE; } #content a.multiuserdata_manage_item_open, #content a.multiuserdata_manage_item_open:link, #content a.multiuserdata_manage_item_open:visited, #content a.multiuserdata_manage_item_open:hover, #content a.multiuserdata_manage_item_open:active { display: block; padding: 0 0 0 20px; background: url(../images/icons/open.gif) 0 50% no-repeat; color:#333333; font-weight:bold; text-decoration:underline; } #content a.multiuserdata_manage_item_open:hover, #content a.multiuserdata_manage_item_open:active { color:#666666; } #content a.multiuserdata_manage_item_close, #content a.multiuserdata_manage_item_close:link, #content a.multiuserdata_manage_item_close:visited, #content a.multiuserdata_manage_item_close:hover, #content a.multiuserdata_manage_item_close:active { display: block; padding: 0 0 0 20px; background: url(../images/icons/close.gif) 0 50% no-repeat; color:#333333; font-weight:bold; text-decoration:underline; } #content a.multiuserdata_manage_item_close:hover, #content a.multiuserdata_manage_item_close:active { color:#666666; } div#multiuserdata_manage_details_links { float:right; margin: 0 0 6px 0; } #content a.multiuserdata_manage_details_show_all, #content a.multiuserdata_manage_details_show_all:link, #content a.multiuserdata_manage_details_show_all:visited, #content a.multiuserdata_manage_details_show_all:hover, #content a.multiuserdata_manage_details_show_all:active { padding: 0 0 0 16px; background: url(../images/icons/open.gif) 0 50% no-repeat; color:#0099FF; font-weight:normal; text-decoration:underline; } #content a.multiuserdata_manage_details_show_all:hover, #content a.multiuserdata_manage_details_show_all:active { color:#990000; } #content a.multiuserdata_manage_details_hide_all, #content a.multiuserdata_manage_details_hide_all:link, #content a.multiuserdata_manage_details_hide_all:visited, #content a.multiuserdata_manage_details_hide_all:hover, #content a.multiuserdata_manage_details_hide_all:active { padding: 0 0 0 16px; background: url(../images/icons/close.gif) 0 50% no-repeat; color:#0099FF; font-weight:normal; text-decoration:underline; } #content a.multiuserdata_manage_details_hide_all:hover, #content a.multiuserdata_manage_details_hide_all:active { color:#990000; } body#creditcard_manage #content .ccard_table {width:100%;} body#creditcard_manage #content .ccard_tr_1 {} body#creditcard_manage #content .ccard_tr_2 {} body#creditcard_manage #content .ccard_td_1 {width: 225px; padding: 0 0 4px 0; text-align: right;} body#creditcard_manage #content .ccard_td_2 {width: 15px; padding: 0 0 4px 0; text-align: center;} body#creditcard_manage #content .ccard_td_3 {width: auto; padding: 0 0 4px 0; text-align: left;} body#creditcard_manage #content .ccard_text_input_descr {width: 201px;} body#creditcard_manage #content .select_ccard {width:211px;} body#creditcard_manage #content .ccard_text_input_holder {width: 201px;} body#creditcard_manage #content .ccard_text_input_number {width: 201px;} body#creditcard_manage #content .ccard_text_input_number_error {width: 201px;} body#creditcard_manage #content .ccard_text_input_cvcode {width: 50px;} body#creditcard_manage #content .select_ccard_validity {width: 104px;} body#creditcard_manage #content .ccard_error_table {} body#creditcard_manage #content .ccard_error_table td {} body#creditcard_manage #content .ccard_error_ul {} body#creditcard_manage #content .ccard_error_li {color:#cc0000;} body#creditcard_manage #content .bt_creditcard_cancel {float:left;margin-right:8px;} body#creditcard_manage #content .bt_creditcard_delete {float:left;} body#creditcard_manage #content .bt_creditcard_save {float:right;} body#creditcard_manage #content .bt_creditcard_save input {margin:0;padding:0;} #content .ccard2_table_single {width:100%;} #content .ccard2_single_tr_1 {} #content .ccard2_single_tr_2 {} #content .ccard_single_td_1, #content .ccard2_single_td_1 {padding:2px 4px 2px 8px;width:38%;} #content .ccard_single_td_2, #content .ccard2_single_td_2 {padding:2px 0 2px 0;width:2%;} #content .ccard_single_td_3, #content .ccard2_single_td_3 {padding:2px 4px 2px 4px;width:60%;} #content .ccard2_table_single .select_ccard {width:211px;} #content .ccard_text_input_holder {width:201px;} #content .ccard2_table_single .ccard_text_input_number {width:201px;} #content .ccard2_table_single .ccard_text_input_number_error {width: 201px;} #content .ccard2_text_input_cvcode {width:50px;} #content .ccard2_table_single .select_ccard_validity {width:104px;} #content .ccard2_single_error_table {width:90%;} #content .ccard2_single_error_table td {padding:2px;} #content .ccard2_single_error_ul {line-height:12px;padding-bottom:0;} #content .ccard2_single_error_li {line-height:12px;padding-bottom:0;margin-bottom:0;color:#cc0000;} .box_buttons { margin-top: 6px; text-align: center; vertical-align: middle; } .box_buttons input { display: inline; margin:0; padding:0; } .box_buttons .box_buttons_left { float: left; } .box_buttons .box_buttons_right { float: right; } body#creditcard_manage #content .cc_newccardlink { float: none; display: block; margin: 0 0 25px 0; padding: 4px 6px 4px 6px; border: 1px solid #CCCCCC; background: #EEEEEE; } body#bank_manage #content .bank_newbanklink { float: none; display: block; margin: 0 0 25px 0; padding: 4px 6px 4px 6px; border: 1px solid #CCCCCC; background: #EEEEEE; } #content ul, #content ol { margin: 0 0 1.0em 1.5em; } #content ul li { margin-top: 0; margin-bottom: 0.5em; line-height: 18px; list-style-type:disc; list-style-position:outside; padding: 0 0 0 0; } #content ol li { margin-top: 0; margin-bottom: 0.5em; line-height: 18px; list-style-type: decimal; list-style-position:outside; padding: 0 0 0 0; } #content a:link, #content a:visited, #content a:active { color: #0099FF; text-decoration: underline; font-weight: bold; } #content a:hover { color: #DE0000; text-decoration: underline; font-weight: bold; } #content img.links { float:left; padding: 0 10px 5px 0; } #content div.links { float:left; padding: 0 10px 5px 0; } /* Kontakt / Impressum */ #content .hinweis_box { background: #DBEBFB; border: 1px solid #678CBE; padding: 8px 10px 8px 10px; width: 50%; float: right; } #content .hinweis_box p { font-size: 12px; line-height: 18px; margin: 0; padding: 0; } /* Anbieterkennzeichnung place_order */ #content .anbieterkennzeichnung { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 11px; color: #999999; } #content .anbieterkennzeichnung a, #content .anbieterkennzeichnung a:link, #content .anbieterkennzeichnung a:visited, #content .anbieterkennzeichnung a:hover, #content .anbieterkennzeichnung a:active { font-family: Tahoma, Arial, Helvetica, sans-serif; font-size: 10px; line-height: 11px; color: #999999; font-weight: normal; } /* ---------- einzelne Produkttemplates ---------- */ #content div.cruzer_titanium_1gb { margin: 6px 0 20px 0; padding: 10px; border: 1px solid #678CBE; background: #EDF3FA; float: left; width: 285px; font-size: 90%; } /* ---------- nur Upgrade-Popups: ----------- */ #upgrade #content { margin:0; padding:0; } body#upgrade #content td { /* padding-right: 10px; */ } body#upgrade #content center { text-align:left; } body#upgrade #content ul li { list-style:circle; } /* ---------- TecChannel Premium-Group (Kategorieübersicht) ---------- */ #content .tecpremiumgroup_box { padding: 15px; } #content .modul.w3 .content .tecpremiumgroup_box h3 { font-size: 16px; color: #0079C2; } #content .tecpremiumgroup_box a.imp { color: #de0000; } #content .tecpremiumgroup_box { overflow: hidden; } #content .tecpremiumgroup_box ul { float: none; clear: none; width: 575px; margin: 0; padding: 0; } #content .tecpremiumgroup_box ul li { list-style: none; } #content .tecpremiumgroup_box ul li { float: none; clear: none; display: -moz-inline-stack; display: inline-block; vertical-align: top; width: 262px; margin: 0; padding: 0 19px 18px 0; zoom: 1; *display: inline; min-height: 50px; height: auto; !important; } * html #content .tecpremiumgroup_box ul li { height: 180px; } #content #tecpremium_catlist { float: left; width: 100%; margin: 0 0 10px 0; text-align: center; overflow: hidden; } #content #tecpremium_catlist ul { float: left; left: 50%; position: relative; margin: 0 auto; padding: 0 0 0 4px; } #content #tecpremium_catlist li { float: left; position: relative; right: 50%; display: inline; margin: 0 10px 10px 0; border: 1px solid #D1D9E0; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; list-style: none; } #content #tecpremium_catlist li a { display: block; padding: 20px 30px 22px 30px; font-size: 14px; font-weight: bold; } #content #tecpremium_catlist li a:hover { background: #e3f1fc; } /* ---------- weitere, allgemeine ---------- */ #content p.label { margin-top: 1em; margin-bottom: 0; } #content .textsmall { font-size: 10px; line-height: 1.1em; } #content .vor_abstand { margin-top: 20px; } #content .bildunterschrift { padding: 0 0 0 17px; _margin-top: 3px; font-size: 9px; } /* -------------------------------------------------------------------------------- Footer -------------------------------------------------------------------------------- */ #footer div { text-align: center; } #footer a:link, #footer a:visited { text-decoration: none; } #footer a:active, #footer a:hover { text-decoration: underline; } /* ---------- Footer Publikationen und Service ---------- */ #footer .publikationen_links { margin: 0; padding: 13px 0 0 0; _padding: 13px 0 0 0; } #footer .service_links { margin: 0; padding: 8px 0 0 0; } #footer .publikationen_links {color:#3366CC;font-size:11px;line-height:15px;font-weight:bold;} #footer .publikationen_links a, #footer .publikationen_links a:hover, #footer .publikationen_links a:visited, #footer .publikationen_links a:link, #footer .publikationen_links a:active {color:#3366CC;font-size:11px;line-height:15px;padding:0 4px 0 4px;font-weight:bold;} #footer .service_links {color:#FFFFFF;font-size:11px;line-height:13px;} #footer .service_links a, #footer .service_links a:hover, #footer .service_links a:visited, #footer .service_links a:link, #footer .service_links a:active {color:#FFFFFF;font-size:11px;line-height:13px;padding-right:10px;} /* -------------------------------------------------------------------------------- Shop- und Template-Styles -------------------------------------------------------------------------------- */ p.error { font-weight:bold; color: #CC0000; } .hinweis, .alert { color: #CC0000; } .alert_box { margin: 0 0 10px 0; padding: 10px; border: 1px solid #CC0000; background: #FFCCCC; text-align: center; font-weight: bold; } .hinweis_js { color: #DE0000; white-space: nowrap; } .hinweis_ausweis { font-size: 10px; margin: 5px 0 5px 0; } .hinweis_ausweis a { font-size: 10px; } /* ==================== Template Styles ==================== */ /* tt_list_topangebote und tt_list_praemienabo */ #content .list_topangebot_tr td { padding-top: 5px; padding-bottom: 6px; border-bottom: 1px solid #8D8F92; } #content .list_topangebot_td_1 {} #content .list_topangebot_td_2 { padding-left: 8px; } #content .list_topangebot_td_3 {} /* tt_group_abo */ #content .abo_div { clear: both; } #content .abo_div h1 { padding-top: 5px; padding-bottom: 6px; border-bottom: 1px solid #8D8F92; } #content .abo_div img { padding-bottom: 10px; } /* tt_product_praemienabo */ .praemienabo_abb { border-bottom: 1px solid #8D8F92; } /* tt_product_premium */ #content .premium_nachlesen td { padding: 2px 4px 2px 4px; background-color: #AF2228; font-weight: bold; color: #FFFFFF; } #content .premium_nachlesen a:link, #content .premium_nachlesen a:visited, #content .premium_nachlesen a:hover, #content .premium_nachlesen a:active { color: #FFFFFF; text-decoration: none; } #content .premium_preistabelle td { padding: 3px 5px 3px 5px; border-bottom: 1px solid white; } #content .premium_price_table { width: 100%; border-collapse: collapse; } #content .premium_price_table th, #content .premium_price_table td { padding: 2px 5px 2px 5px; border: 1px solid #CCCCCC; background: #F7F8FA; } #content .premium_price_table th { background: #EFF0F2; } /* Sonderheft-Abo-Option */ #content div.sonderheft_option { margin-top: 2em; } #content div.sonderheft_option h1 { margin-bottom: 0.5em; } #content div.sonderheft_option p { margin-bottom: 0; line-height: 1.3em; } #content div.sonderheft_option ul { margin-top: 0; margin-bottom: 0; margin-left: 0; padding-left: 0; list-style:none; } #content div.sonderheft_option li { margin-top: 0; margin-bottom: 0; margin-left: 0; padding-left: 0; list-style:none; } /* Linux-Abo-Box (unterhalb Linux-Hefte) */ #content div.linux_abo_box { margin-top: 2em; border-top:1px solid #678CBE; } /* cio fachmedium 2010 */ #cio_fachmedium_2010 { margin-left: 5px; } /* -------------------------------------------------------------------------------- WS-Template-Styles -------------------------------------------------------------------------------- */ /* Texteingabefelder */ div.pr_text_input_field_table { border:1px solid #cccccc; margin-top:6px; margin-bottom:1px; padding-bottom: 6px; background-color:#FFFAE6; } div.pr_text_input_field_table p.pr_text_input_field_table_headline { margin-left: 8px; margin-bottom: 4px; } div.pflichtfeld { font-weight: normal; width: 100%; text-align: center; padding: 2px 0 6px 0; } .pr_text_input_field_table { padding: 2px 0 0 0; } .pr_zusatzadresse_select_table select { border: 1px solid #7F9DB9; } table.pr_text_input_field_table td, table.pr_zusatzadresse_select_table td { font-weight: bold; color: #000000; padding: 2px 0 2px 8px; width: 170px; } /* #content table.pr_text_input_field_table td:first-child, #content table.pr_zusatzadresse_select_table td:first-child { text-align: right; } */ table.pr_zusatzadresse_select_table td { padding-bottom: 0; } .pr_text_input_field_table .required, .pr_zusatzadresse_select_table .required { font-size: 10px; padding: 2px 0 0 8px; } /* Drop-Down-Auswahlfelder */ .select_variations { background-color:#ffffff; } .select_dep_variations { background-color:#ffffff; } /* ========== Styles für Shop-Templates (Warenkorb usw...) ========== */ /* Anfang Warenkorbtabelle */ #content .basket_table {width:100%;line-height: normal;} #content .basket_tr_header {background-color:#DFE0E4;} #content .basket_tr_1 {} #content .basket_tr_2 {} #content .basket_var_table {margin:0;padding:0;} #content .basket_var_table td {margin:0;padding:0 !important;line-height:normal;text-align:left;} #content .basket_tr_header td {padding:2px 4px 2px 4px;border-bottom:3px solid white;font-weight:bold;line-height:normal;} #content .basket_tr_1 td {padding:3px 4px 3px 4px;background-color:#EFF0F2;line-height:normal;} #content .basket_tr_2 td {padding:3px 4px 3px 4px;background-color:#DFE0E4;line-height:normal;} #content .basket_tr_footer td {padding:3px 4px 3px 4px;border-top:3px solid white;font-weight:normal;line-height: normal;} #content .basket_tr_footer {background-color:#DFE0E4;} #content .basket_text_product_name {} #content .basket_text_product_name2 {} #content .basket_text_total_sum {font-weight:bold;} #content .basket_voucher_table {width:100%;} #content .basket_tr_reservation_1 {} #content .basket_tr_reservation_1 td {padding:3px 0 3px 8px;color:#CC0000;line-height:normal;font-weight:bold;} #content .basket_tr_reservation_2 {} #content .basket_tr_reservation_2 td {padding:3px 0 3px 8px;color:#CC0000;line-height:normal;font-weight:bold;} #content .basket_delivery_text_subject {} #content .basket_delivery_text {} #content .basket_table img {margin:0 0 2px 0;padding:0;} /* Ende Warenkorbtabelle */ /* Anfang Adressfelder für Rechnungs- und Lieferadresse */ #content .addr_tr_header td {border-bottom:3px solid white;padding:2px 4px 2px 8px;background:#DFE0E4;} #content .addr_table {width:100%;margin:0 0 20px 0;padding:0;} #content .addr_tr.odd {background-color:#EFF0F2;} /* neu */ #content .addr_tr.even {background-color:#DFE0E4;} /* neu */ #content .addr_tr_1 {background-color:#EFF0F2;} #content .addr_tr_2 {background-color:#DFE0E4;} #content .addr_td_1 {width:40%;padding:2px 0 2px 8px;text-align:left;line-height:normal;} #content .addr_td_2 {width: 2%;padding:2px 0 2px 0;text-align:left;line-height:normal;} #content .addr_td_3 {width:58%;padding:2px 0 2px 0;text-align:left;line-height:normal;} /* #content .select_title {width:200px;} */ #content input.addr_text_input {width:200px;} #content select.select_date_of_birth, #content select.select_date_of_birth_error {width:66px;font-size:12px;} #content select.select_salutation {width:210px;font-size:12px;} #content select.select_title {width:210px;font-size:12px;} #content select.select_country {width:210px;font-size:12px;} #content select.select_user_def_list {width:210px;font-size:12px;} #content .addr_error_table {width:90%;} #content .addr_error_table td {padding:2px;text-align:left;} #content .addr_error_ul {} #content .addr_error_li {color:#CC0000;margin:0;padding:0;} /* Tabelle für Auswahl der Zahlungsart */ #content .payment_tr_header td {border-bottom:3px solid white;padding:2px 4px 2px 8px;background-color:#DFE0E4;} #content .payment_table {width:100%;} #content .payment_tr_1 {} #content .payment_tr_2 {} #content .payment_td_1 {padding:2px 0 6px 2px;width:35%;} #content .payment_td_2 {padding:2px 2px 6px 2px;width: 5%;vertical-align:middle;text-align:right;} #content .payment_td_3 {padding:2px 2px 6px 2px;width:60%;} #content .payment_name {padding:0px;} #content .payment_name_suffix {padding:0px;} #content .select_ccard {width:150px;font-size:12px;} /* Tabelle für Auswahl der Zustellung */ #content .delivery_table {width:100%;} #content .delivery_tr_1 {} #content .delivery_tr_2 {} #content .delivery_td_1 {padding:2px 2px 2px 2px;width:40%;vertical-align:middle;text-align:right;} #content .delivery_td_2 {padding:2px;width:60%;} #content .delivery_descr {padding:2px;} #content .select_delivery {} /* Kopfzeilen */ #content .place_order_tr_header td {border-bottom:3px solid white;background-color:#DFE0E4;font-weight:bold;line-height:1em;} #content .place_order_td_1 {width:40%;padding:2px 4px 2px 4px;vertical-align:middle;} #content .place_order_td_2 {width:60%;padding:2px 4px 2px 4px;vertical-align:middle;} /* Eingabe der Kreditkartendaten (alt) */ #content .ccard_table {width:100%;} #content .ccard_tr_1 {} #content .ccard_tr_2 {} #content .ccard_td_1 {padding:2px 4px 2px 8px;width:38%;} #content .ccard_td_2 {padding:2px 0 2px 0;width:2%;} #content .ccard_td_3 {padding:2px 4px 2px 4px;width:60%;} #content .ccard_text_input_holder {width:201px;} #content .ccard_text_input_number {width:48px;} #content .ccard_text_input_cvcode {width:99px;} #content .select_ccard_validity {width:99px;} #content .ccard_error_table {width:90%;} #content .ccard_error_table td {padding:2px;} #content .ccard_error_ul {line-height:12px;padding-bottom:0;} #content .ccard_error_li {line-height:12px;padding-bottom:0;margin-bottom:0;color:#cc0000;} /* Ende "Eingabe der Kreditkartendaten" */ /* Multiple Userdaten: Eingabe der Kreditkartendaten */ #content .ccard2_div {margin:0 0 30px 0;background:#EFF0F2;} #content .ccard2_div p.headline {padding:2px 4px 2px 8px;background-image:none;background-color:#DFE0E4;border-bottom:3px solid #FFFFFF;font-weight:bold;} #content .ccard2_div p {padding:2px 4px 2px 8px;background-image:none;} /*#content .bt_bank_change_or_proof {float:right;margin:12px 8px 8px 0;}*/ #content .cc_newccardlink {float:left;margin:12px 0 8px 8px;} #content .cc_editlink {float:right;margin:12px 8px 8px 0;} #content .ccard2_table_single {width:100%;} #content .ccard2_single_tr_1 {} #content .ccard2_single_tr_2 {} #content .ccard_single_td_1, #content .ccard2_single_td_1 {padding:2px 4px 2px 8px;width:38%;} #content .ccard_single_td_2, #content .ccard2_single_td_2 {padding:2px 0 2px 0;width:2%;} #content .ccard_single_td_3, #content .ccard2_single_td_3 {padding:2px 4px 2px 4px;width:60%;} #content .ccard2_table_single .select_ccard {width:211px;} #content .ccard_text_input_holder {width:201px;} #content .ccard_text_input_holder_error {width:201px;} #content .ccard2_table_single .ccard_text_input_number {width:201px;} #content .ccard2_table_single .ccard_text_input_number_error {width:201px;} #content .ccard2_text_input_cvcode {width:50px;} #content .ccard2_table_single .select_ccard_validity {width:104px;} #content .ccard2_single_error_table {width:90%;} #content .ccard2_single_error_table td {padding:2px;} #content .ccard2_single_error_ul {line-height:12px;padding-bottom:0;} #content .ccard2_single_error_li {line-height:12px;padding-bottom:0;margin-bottom:0;color:#cc0000;} #content .ccard_cvcode_table {width:100%;} #content .ccard_cvcode_tr {} #content .ccard_cvcode_td_1 {padding:2px 4px 2px 8px;width:38%;} #content .ccard_cvcode_td_2 {padding:2px 0 2px 0;width:2%;} #content .ccard_cvcode_td_3 {padding:2px 4px 2px 4px;width:60%;} /* Ende: "Multiple Userdaten: Eingabe der Kreditkartendaten" */ /* Eingabe der Bankverbindung */ #content .debit_table {width:100%;} #content .debit_tr_1 {} #content .debit_tr_2 {} #content .debit_td_1 {padding:2px 4px 2px 8px;line-height: normal;width:38%;} #content .debit_td_2 {padding:2px 0 2px 0;line-height: normal;width:2%;text-align:right;} #content .debit_td_3 {padding:2px 4px 2px 4px;line-height: normal;width:60%;} #content .debit_text_input {width:200px;} #content .debit_error_table {} #content .debit_error_table td {padding:2px;} #content .debit_error_ul {line-height:12px;padding-bottom:0;} #content .debit_error_li {line-height:12px;padding-bottom:0;margin-bottom:0;color:#CC0000;} /* Ende "Eingabe der Bankverbindung" */ /* Multiple Userdaten: Eingabe der Bankverbindung */ #content .bank2_div {margin:0 0 30px 0;background:#EFF0F2;} #content .bank2_div p.headline {padding:2px 4px 2px 8px;background-image:none;background-color:#DFE0E4;border-bottom:3px solid #FFFFFF;font-weight:bold;} #content .bank2_div p {padding:2px 4px 2px 8px;background-image:none;} #content .bt_bank_change_or_proof {float:right;margin:12px 8px 8px 0;} #content .bt_bankproof {margin-top:6px;margin-left:231px;} /* #content .bt_banksubmit {margin-top:6px;margin-left:231px;} */ #content .bank_newbanklink {float:left;margin:12px 0 8px 8px;} #content .bank_editlink {float:right;margin:12px 8px 8px 0;} #content .bank2_table {width:100%;} #content .bank2_tr_1 {} #content .bank2_tr_2 {} #content .bank2_td_1 {padding:2px 4px 2px 8px;line-height: normal;width:38%;} #content .bank2_td_2 {padding:2px 0 2px 0;line-height: normal;width:2%;text-align:right;} #content .bank2_td_3 {padding:2px 4px 2px 4px;line-height: normal;width:60%;} #content .bank2_text_input {width:200px;} #content .bank2_error_table {} #content .bank2_error_table td {padding:2px;} #content .bank2_error_ul {line-height:12px;padding-bottom:0;} #content .bank2_error_li {line-height:12px;padding-bottom:0;margin-bottom:0;color:#CC0000;} /* Bankverbindung auf bank_manage */ body#bank_manage #content .bank2_table {} body#bank_manage #content .bank2_td_1 {padding:2px 4px 2px 0;line-height:normal;width:38%;text-align:right;} body#bank_manage #content .bank2_td_2 {padding:2px 0 2px 0;line-height:normal;width: 2%;text-align:center;} body#bank_manage #content .bank2_td_3 {padding:2px 4px 2px 4px;line-height:normal;width:60%;} /* Multiple Userdaten: Ende "Eingabe der Bankverbindung" */ /* Anfang "Anzeige der Bankverbindung bei Vorauskasse" */ #content .bank_info_table {width:100%;} #content .bank_info_table td {padding:2px;} #content .bank_info_text_header {font-weight:bold; color:#000000;} #content .bank_info_text {font-weight:bold;} /* Ende "Anzeige der Bankverbindung bei Vorauskasse" */ /* Anfang "Anzeige der Rechnungs- und Lieferadresse z.B. bei Bestellübersicht" */ #content .show_addr_table {width:100%;} #content .show_addr_tr_1 {} #content .show_addr_tr_2 {} #content .show_addr_td_1 {padding:1px 4px 1px 8px;text-align:left;line-height:normal;width:40%;} #content .show_addr_td_2 {padding:1px 4px 1px 4px;text-align:left;line-height:normal;width:60%;} /* Ende "Anzeige der Rechnungs- und Lieferadresse z.B. bei Bestellübersicht" */ /* Anfang eigene Styles für Lieferadresstabelle */ #content .show_delivery_table {width:100%;} #content .show_delivery_tr_1 {} #content .show_delivery_tr_2 {} #content .show_delivery_td_1 {padding:1px 4px 1px 8px;text-align:left;line-height:normal;width:40%;} #content .show_delivery_td_2 {padding:1px 4px 1px 4px;text-align:left;line-height:normal;width:60%;} /* Ende eigene Styles für Lieferadresstabelle */ /* -------------------------------------------------------------------------------- Hacks -------------------------------------------------------------------------------- */ .clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix { display:inline-block; } /* IE7 */ /* Hide from IE Mac \*/ .clearfix { display:block; } /* End hide from IE Mac */ /* -------------------------------------------------------------------------------- Inquiry -------------------------------------------------------------------------------- */ #wrapper.inquiry { width: auto; float: none; background: none; margin: 0; padding: 0; } #wrapper.inquiry #content { margin:0; padding:0; width: auto; float: none; } #wrapper.inquiry #content .modul.w3 { margin:10px; padding:0; } #wrapper.inquiry .required { color: #AF2227; } #wrapper.inquiry .alert_box { display: block; padding: 10px 10px 10px 20px; margin: 0; background: #AF2227; color: #FFFFFF; font-weight: bold; } #wrapper.inquiry .input_error_ul { } #wrapper.inquiry .input_error_li { /* wird auch für p verwendet */ margin: 0; padding: 0; color: #AF2227; } /* -------------------------------------------------------------------------------- content : templates : test -------------------------------------------------------------------------------- */ #ws_test { position: absolute; top: 0; right: 0; z-index: 9999999; display: block; padding: 8px 12px 10px 10px; text-align: left; background: #FFFFFF; color: #000000; } /* -------------------------------------------------------------------------------- Colorbox -------------------------------------------------------------------------------- */ /* ColorBox Core Style The following rules are the styles that are consistant between themes. Avoid changing this area to maintain compatability with future versions of ColorBox. */ #colorbox, #cboxOverlay, #cboxWrapper { position:absolute; top:0; left:0; z-index:9999; overflow:hidden; } #cboxOverlay { position:fixed; width:100%; height:100%; } #cboxMiddleLeft, #cboxBottomLeft { clear:left; } #cboxContent { position:relative; overflow:hidden; } #cboxLoadedContent { overflow:auto; } #cboxLoadedContent iframe { display:block; width:100%; height:100%; border:0; } #cboxTitle{ margin:0; } #cboxLoadingOverlay, #cboxLoadingGraphic { position:absolute; top:0; left:0; width:100%; } #cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow { cursor:pointer; } /* Example user style The following rules are ordered and tabbed in a way that represents the order/nesting of the generated HTML, so that the structure easier to understand. */ #cboxOverlay { /* background:url(img/colorbox/overlay.png) 0 0 repeat; */ background: none; } #colorbox{} #cboxTopLeft {width:21px; height:21px; background:url(img/colorbox/controls.png) -100px 0 no-repeat;} #cboxTopRight {width:21px; height:21px; background:url(img/colorbox/controls.png) -129px 0 no-repeat;} #cboxBottomLeft {width:21px; height:21px; background:url(img/colorbox/controls.png) -100px -29px no-repeat;} #cboxBottomRight {width:21px; height:21px; background:url(img/colorbox/controls.png) -129px -29px no-repeat;} #cboxMiddleLeft {width:21px; background:url(img/colorbox/controls.png) left top repeat-y;} #cboxMiddleRight {width:21px; background:url(img/colorbox/controls.png) right top repeat-y;} #cboxTopCenter {height:21px; background:url(img/colorbox/border.png) 0 0 repeat-x;} #cboxBottomCenter {height:21px; background:url(img/colorbox/border.png) 0 -29px repeat-x;} #cboxContent {background:#fff;} #cboxLoadedContent {margin-bottom:28px;} #cboxTitle {position:absolute; bottom:4px; left:0; text-align:center; width:100%; color:#949494;} #cboxCurrent {position:absolute; bottom:4px; left:58px; color:#949494;} #cboxSlideshow {position:absolute; bottom:4px; right:30px; color:#0092ef;} #cboxPrevious {position:absolute; bottom:0; left:0px; background:url(img/colorbox/controls.png) -75px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxPrevious.hover {background-position:-75px -25px;} #cboxNext {position:absolute; bottom:0; left:27px; background:url(img/colorbox/controls.png) -50px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxNext.hover {background-position:-50px -25px;} #cboxLoadingOverlay {background:url(img/colorbox/loading_background.png) center center no-repeat;} #cboxLoadingGraphic {background:url(img/colorbox/loading.gif) center center no-repeat;} #cboxClose {position:absolute; bottom:0; right:0; background:url(img/colorbox/controls.png) -25px 0px no-repeat; width:25px; height:25px; text-indent:-9999px;} #cboxClose.hover {background-position:-25px -25px;} /* The following fixes png-transparency for IE6. It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition Since this method does not support CSS background-positioning, it is incompatible with CSS sprites. Colorbox preloads navigation hover classes to account for this. !! Important Note: AlphaImageLoader src paths are relative to the HTML document, while regular CSS background images are relative to the CSS document. */ .cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/$WS/idg/websale7_shop-idg/benutzer/templates/css/img/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');} .cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/$WS/idg/websale7_shop-idg/benutzer/templates/css/img/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');} .cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/$WS/idg/websale7_shop-idg/benutzer/templates/css/img/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');} .cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/$WS/idg/websale7_shop-idg/benutzer/templates/css/img/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');} .cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/$WS/idg/websale7_shop-idg/benutzer/templates/css/img/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');} .cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/$WS/idg/websale7_shop-idg/benutzer/templates/css/img/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');} .cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/$WS/idg/websale7_shop-idg/benutzer/templates/css/img/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');} .cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/$WS/idg/websale7_shop-idg/benutzer/templates/css/img/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}