@charset "utf-8"; /** * pepakura CSS File * * @author $Author: so $ * @copyright Content3 Web Solutions * @date $Date: 2009-05-20 16:52:45 +0200 (Mi, 20 Mai 2009) $ * @revision $Rev: 2499 $ */ /*** Layout ***/ /** General **/ * { margin: 0; padding: 0; } html { height: 100%; margin-bottom: 1px; } body { height: 100%; text-align: center; background: #ffca1f url(../images/page_bg.png) repeat-x; } /** Centered Page**/ #page_margins { width: 968px; margin: 0 auto; text-align: left; } #page { width: 968px; float: left; } /** fixed width, needed for IE7 **/ #main_box{ width: 920px; } #forum_box{ width: 708px; } #karussel_box{ width: 930px; float: left; height: 140px; position: relative; z-index: 999;} /** General Content **/ .tx-irfaq-pi1 a, a { color:#095427; } .tx-irfaq-pi1 ul li a { color:#095427 !important; } #footer, #footer a { color:#FFF; } #erweiteter-footer, #erweiteter-footer a { color:#FFF; } p { margin-bottom: 18px; } #contentarea p { margin-left: 10px; } #contentarea-wide p { margin-left: 10px; } img { border: 0; } .floatright { float: right; } .floatleft { float: left; } .centered { text-align: center; margin-left: auto; margin-right: auto; } .textSubmit { background: transparent none; border: none; cursor: pointer; width: 100%;} /** Clearfix for Floats **/ .clearfix:after, .tx-indexedsearch-res h3:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .clearfix, .tx-indexedsearch-res h3 { display: block; } .clearfix_r:after { content: "."; display: block; height: 0; clear: right; visibility: hidden; } .clearfix _r{ display: block; } /** Roundbox Definition **/ /* orange */ .roundbox_orange div div div{ max-width: 586px; } /* White Header Roundbox */ div.roundbox_whiteheader { background: url(../images/roundbox_whiteheader_l.png) no-repeat left; padding: 0 0 0 24px; float: left; margin-left: 5px; } div.roundbox_whiteheader div { background: url(../images/roundbox_whiteheader_r.png) no-repeat right; padding: 0 24px 0 0; float: left; } div.roundbox_whiteheader div div { background: url(../images/roundbox_whiteheader_bg.png) repeat-x; height: 67px; padding: 0; } div.roundbox_whiteheader div div div { padding: 0; background: transparent none; width:920px;} div.roundbox_whiteheader div div div div { width: auto; } /* White Content Body Roundbox */ div.roundbox_whitebody { padding: 21px 0 0; background: url(../images/roundbox_whitebody_t.png) top center no-repeat; position: relative; } div.roundbox_whitebody div { padding: 0 0 21px 0; background: url(../images/roundbox_whitebody_b.png) bottom center no-repeat; } div.roundbox_whitebody div div { padding: 0 0 0 0; background: url(../images/roundbox_whitebody_bg.png) center repeat-y; } div.roundbox_whitebody div div div { padding: 27px 24px 0; background: transparent none; vertical-align:top; } div.roundbox_whitebody div div div div { padding: 0; background: transparent none; } /* Orange Menu Roundbox */ div.roundbox_whitebody div.roundbox_menu { margin: 0 0 20px 0; background: url(../images/roundbox_menu_bg.png) top repeat-y; } div.roundbox_whitebody div.roundbox_menu div { background: url(../images/roundbox_menu_t.png) top no-repeat; } div.roundbox_whitebody div.roundbox_menu div div{ background: url(../images/roundbox_menu_b.png) bottom no-repeat; } div.roundbox_whitebody div.roundbox_menu div div div { padding: 18px 0; background: transparent none; } div.roundbox_whitebody div.roundbox_menu div div div div { padding: 0; background: transparent none; } /* Syscraper Roundbox */ div.roundbox_whitebody div#skyscraper { position: absolute; left:964px;} div.roundbox_whitebody div#skyscraper div { position: relative; top: -20px; padding: 19px 0 0 0; background: url(../images/roundbox_skyscraper_t.png) top right no-repeat; } div.roundbox_whitebody div#skyscraper div div{ top: 0; padding: 0 19px 19px 20px; background: url(../images/roundbox_skyscraper_b.png) bottom right no-repeat; } div.roundbox_whitebody div#skyscraper div div div { padding: 0; background: transparent none; } div.roundbox_whitebody div#skyscraper div div div div { padding: 0; background: transparent none; } /* Orange Content Roundbox */ div.roundbox_whitebody div.roundbox_orange { background: url(../images/roundbox_content_orange_tr.png) 100% 0 no-repeat; } div.roundbox_whitebody div.roundbox_orange div { padding: 18px 0 0; background: url(../images/roundbox_content_orange_tl.png) 0 0 no-repeat; } div.roundbox_whitebody div.roundbox_orange div div { padding: 0; background: url(../images/roundbox_content_orange_br.png) 100% 100% no-repeat; } div.roundbox_whitebody div.roundbox_orange div div div { padding: 0 20px 18px; background: url(../images/roundbox_content_orange_bl.png) 0 100% no-repeat; } div.roundbox_whitebody div.roundbox_orange div div div div { padding: 0; background: transparent none; } /* The following lines are used to display an orange rounbox in an orange roundbox, SAME SETTING ABOVE */ div.roundbox_whitebody div.roundbox_orange div.roundbox_orange { background: url(../images/roundbox_content_orange_tr.png) 100% 0 no-repeat; } div.roundbox_whitebody div.roundbox_orange div.roundbox_orange div { padding: 18px 0 0; background: url(../images/roundbox_content_orange_tl.png) 0 0 no-repeat; } div.roundbox_whitebody div.roundbox_orange div.roundbox_orange div div { padding: 0; background: url(../images/roundbox_content_orange_br.png) 100% 100% no-repeat; } div.roundbox_whitebody div.roundbox_orange div.roundbox_orange div div div { padding: 0 20px 18px; background: url(../images/roundbox_content_orange_bl.png) 0 100% no-repeat; } div.roundbox_whitebody div.roundbox_orange div.roundbox_orange div div div div { padding: 0; background: transparent none; } /* Roundbox Orange SmallEdges */ div.roundbox_whitebody div.roundbox_orange div.roundbox_orange_smalledge { background: url(../images/roundbox_orange_smalledge_tr.png) 100% 0 no-repeat; } div.roundbox_whitebody div.roundbox_orange div.roundbox_orange_smalledge div { padding: 11px 0 0; background: url(../images/roundbox_orange_smalledge_tl.png) 0 0 no-repeat; } div.roundbox_whitebody div.roundbox_orange div.roundbox_orange_smalledge div div { padding: 0; background: url(../images/roundbox_orange_smalledge_br.png) 100% 100% no-repeat; } div.roundbox_whitebody div.roundbox_orange div.roundbox_orange_smalledge div div div { padding: 0 11px 11px; background: url(../images/roundbox_orange_smalledge_bl.png) 0 100% no-repeat; } div.roundbox_whitebody div.roundbox_orange div.roundbox_orange_smalledge div div div div { padding: 0; background: transparent none; } /* White Headline Roundbox */ div.roundbox_whitebody div.roundbox_headline { position: absolute; width: 100%; top: 30px; left: 0; z-index:999; } div.roundbox_whitebody div.roundbox_headline div { display: table; text-align: center; margin: 0 auto; } div.roundbox_whitebody div.roundbox_headline div div { background: url(../images/roundbox_headline_r.png) no-repeat right; padding: 0 15px 0 0; } div.roundbox_whitebody div.roundbox_headline div div div { background: url(../images/roundbox_headline_l.png) no-repeat left; padding: 0 0 0 15px; } div.roundbox_whitebody div.roundbox_headline h1 { line-height: 36px; background: url(../images/roundbox_headline_bg.png); } /* Grey Content Roundbox */ div.roundbox_whitebody div.roundbox_orange div.roundbox_grey { max-width: 520px; background: url(../images/roundbox_content_grey_tr.png) 100% 0 no-repeat; margin: 0 auto 20px; } div.roundbox_whitebody div.roundbox_orange div.roundbox_grey div { padding: 12px 0 0 0; background: url(../images/roundbox_content_grey_tl.png) 0 0 no-repeat; } div.roundbox_whitebody div.roundbox_orange div.roundbox_grey div div { padding: 0; background: url(../images/roundbox_content_grey_br.png) 100% 100% no-repeat; } div.roundbox_whitebody div.roundbox_orange div.roundbox_grey div div div { padding: 0 12px 12px; background: url(../images/roundbox_content_grey_bl.png) 0 100% no-repeat; } div.roundbox_whitebody div.roundbox_orange div.roundbox_grey div div div div { padding: 0; background: transparent none; } /* Grey Content in Grey Content Roundbox */ div.roundbox_whitebody div.roundbox_orange div.roundbox_grey div.roundbox_grey { max-width: 520px; background: url(../images/roundbox_content_grey_tr.png) 100% 0 no-repeat; margin: 0 auto 20px; } div.roundbox_whitebody div.roundbox_orange div.roundbox_grey div.roundbox_grey div { padding: 12px 0 0 0; background: url(../images/roundbox_content_grey_tl.png) 0 0 no-repeat; } div.roundbox_whitebody div.roundbox_orange div.roundbox_grey div.roundbox_grey div div { padding: 0; background: url(../images/roundbox_content_grey_br.png) 100% 100% no-repeat; } div.roundbox_whitebody div.roundbox_orange div.roundbox_grey div.roundbox_grey div div div { padding: 0 12px 12px; background: url(../images/roundbox_content_grey_bl.png) 0 100% no-repeat; } div.roundbox_whitebody div.roundbox_orange div.roundbox_grey div.roundbox_grey div div div div { padding: 0; background: transparent none; } /* Red Content Roundbox */ div.roundbox_whitebody div.roundbox_orange div.roundbox_red { max-width: 520px; background: url(../images/roundbox_content_red_tr.png) 100% 0 no-repeat; margin: 0 auto 20px; } div.roundbox_whitebody div.roundbox_orange div.roundbox_red div { padding: 12px 0 0 0; background: url(../images/roundbox_content_red_tl.png) 0 0 no-repeat; } div.roundbox_whitebody div.roundbox_orange div.roundbox_red div div { padding: 0; background: url(../images/roundbox_content_red_br.png) 100% 100% no-repeat; } div.roundbox_whitebody div.roundbox_orange div.roundbox_red div div div { padding: 0 12px 12px; background: url(../images/roundbox_content_red_bl.png) 0 100% no-repeat; } div.roundbox_whitebody div.roundbox_orange div.roundbox_red div div div div { padding: 0; background: transparent none; } /* Grey Content Ads Roundbox */ div.roundbox_whitebody div.roundbox_orange div.roundbox_grey_ads { display: table; background: url(../images/roundbox_content_grey_br.png) bottom right no-repeat; margin: 0 auto 10px; } div.roundbox_whitebody div.roundbox_orange div.roundbox_grey_ads div { background: url(../images/roundbox_content_grey_tr.png) top right no-repeat; } div.roundbox_whitebody div.roundbox_orange div.roundbox_grey_ads div div { background: url(../images/roundbox_content_grey_ads_bl.png) left bottom no-repeat; } div.roundbox_whitebody div.roundbox_orange div.roundbox_grey_ads div div div { padding: 10px 10px 10px 27px; } div.roundbox_whitebody div.roundbox_orange div.roundbox_grey_ads div div div div { padding: 0; background: transparent none !important; } /** Horizontal Views **/ /* 3 Column */ div.horizontal div { float:left; margin-left: 10px; } div.horizontal div div { float:none; margin-left:0; } /** Header **/ /* Header Ads */ #header_ads { width: 917px; margin-left: 28px; float: left; background: #F3CA6A none repeat scroll 0 0; } #header_ads_center { width: 915px; background: #f3ca6a; margin: 0 ; } #header_ads_center_content { min-height: 68px; margin: 5px auto; text-align: right; display: table; padding: 0 18px; } /* Header Menu */ #header_logo { width: 521px; margin: 0 auto; padding: 12px 0; } #header_content_left { width: 286px; text-align: left; float: left; padding: 17px 0; } #header_content_left a { width: 32px; height: 32px; display: block; float: left; margin-left: 4px; } #header_content_left span { width: 30px; height: 30px; display: none;} #header_content_right { text-align: right; float: right; padding: 17px 0; } #header_content_right a { width: 32px; height: 32px; display: block; float: left; margin-left: 4px; } #header_content_right span { width: 30px; height: 30px; display: none;} .roundbox_whiteheader a:hover { background-position: top right; } a.feed { background: url(../images/icon_feed.png) top left; } a.newsletter { background: url(../images/icon_mail.png) top left; } a.twitter { background: url(../images/icon_twitter.png) top left; } a.langDE { background: url(../images/icon_de.png) top left; } a.langEN { background: url(../images/icon_en.png) top left; } a.langJA { background: url(../images/icon_jp.png) top left; } /** Forms **/ /* General */ input.text, textarea, select { border: 2px solid #bfbfbf; } input.text { height:18px; padding-top:2px; } select { height: 24px; } input.submit { border: 2px solid #bfbfbf; background: #fff; cursor: pointer; } /* Menu Forms */ .roundbox_menu input.text { width: 120px; height: 20px; margin-bottom: 8px;} /** Content Area **/ #contentarea { margin: 0; float:left; width: 580px; margin: 0 30px;} /* #contentarea a{ color: #404040; } */ #contentarea a:hover{ color: #EEAF1A !important; } #contentarea a:visited:hover{ color: #EEAF1A; } #contentarea a:visited{ color: #095427; } #contentarea-wide { margin: 0; float:left; width: 750px; margin: 0 0 0 30px;} /* Menu Layout */ .roundbox_menu { text-align: center; } #menu_left, #menu_right { width: 140px; float:left; } #menu_left ul, #menu_right ul { list-style-type: none; width: 140px; } #menu_left ul li { width: 100%; text-align: left; padding-left: 20px; } #menu_right ul li { width: 100%; } .spacer { background: url(../images/menu_spacer.png) no-repeat; height: 38px; } /* #menu_right .overlay{ display: none; } #menu_right .star_level{ display: none; } #menu_right .money{ display: none; } #menu_right .level{ display: none; } */ /*** Product Views ***/ /** Single Product Template **/ span.product_small { margin: 0 auto; width: 104px; height: 104px; position: relative; display: block; vertical-align: middle; } span.product_small .image { margin: 0 auto; vertical-align: middle; display:table-cell; height: 104px; width: 104px; text-align: center;} span.product_small .image img { margin: 0 auto; } span.product_small .overlay { background: url(../images/product/overlay_border_grey.png) center center no-repeat; width: 104px; height: 104px; position: absolute; top: 0; left: 0; display: block; } span.product_small a.overlay:hover { background: url(../images/product/overlay_border_orange.png) center center no-repeat; width: 104px; height: 104px; position: absolute; top: 0; left: 0; display: block; } span.product_small .money { background: url(../images/product/symbol_money.png) center center no-repeat; width: 20px; height: 20px; position: absolute; bottom: 4px; left: 4px; display: block; } span.product_small .level_easy { background: url(../images/product/symbol_level_green.png) center center no-repeat; width: 20px; height: 20px; position: absolute; bottom: 4px; right: 4px; display: block; } span.product_small .level_medium { background: url(../images/product/symbol_level_yellow.png) center center no-repeat; width: 20px; height: 20px; position: absolute; bottom: 4px; right: 4px; display: block; } span.product_small .level_hard { background: url(../images/product/symbol_level_red.png) center center no-repeat; width: 20px; height: 20px; position: absolute; bottom: 4px; right: 4px; display: block; } span.product_small .title { display: none; } /* Star Level */ span.product_small .star_level { width: 104px; height: 16px; position: absolute; top: 4px; display: block;} span.product_small .level_0 { background: url(../images/product/star_level_0.png) center center no-repeat; } span.product_small .level_1 { background: url(../images/product/star_level_1.png) center center no-repeat; } span.product_small .level_2 { background: url(../images/product/star_level_2.png) center center no-repeat; } span.product_small .level_3 { background: url(../images/product/star_level_3.png) center center no-repeat; } span.product_small .level_4 { background: url(../images/product/star_level_4.png) center center no-repeat; } span.product_small .level_5 { background: url(../images/product/star_level_5.png) center center no-repeat; } span.product_big { margin: 0 auto; width: 254px; height: 254px; position: relative; display: block; vertical-align: middle; } span.product_big .image { margin: 0 auto; vertical-align: middle; display:table-cell; height: 254px; width: 254px; text-align: center;} span.product_big .image img { margin: 0 auto; } span.product_big .overlay { background: url(../images/product/roundboxbiggrey.png) center center no-repeat; width: 254px; height: 254px; position: absolute; top: 0; left: 0; display: block; } span.product_big a.overlay:hover { background: url(../images/product/roundboxbig.png) center center no-repeat; width: 254px; height: 254px; position: absolute; top: 0; left: 0; display: block; } span.product_big .title { display: none; } /** Product List Horizontal **/ .productlist_horizontal { width: 516px; margin: 0 auto 20px; position: relative; } .productlist_horizontal ul { margin: 0 0 0 27px; list-style-type: none; width: 489px; } .productlist_horizontal ul li { float: left; margin: 0 7px 7px 0; width: 104px; } .productlist_horizontal a.previous span, .productlist_horizontal a.next span { display: none; } .productlist_horizontal a.previous { background: url(../images/product/pruductpreview_previous.png) no-repeat; display: block; width: 28px; height: 60px; position: absolute; left: 2px; top: 25%; } .productlist_horizontal a.next { background: url(../images/product/pruductpreview_next.png) no-repeat; display: block; width: 28px; height: 60px; position: absolute; right: 2px; top: 25%; } .productlist_horizontal a.previous:hover, .productlist_horizontal a.previous:focus, .productlist_horizontal a.previous:active { background: url(../images/product/pruductpreview_previous_mo.png) no-repeat; } .productlist_horizontal a.next:hover, .productlist_horizontal a.next:focus, .productlist_horizontal a.next:active { background: url(../images/product/pruductpreview_next_mo.png) no-repeat; } div.roundbox_whitebody div.roundbox_orange div.productlist_horizontal div div div { padding-bottom: 5px; } .productlist_horizontal .toolbartop ul { margin: 0; list-style-type: none; padding: 3px 0;} .productlist_horizontal .toolbartop ul li { float: left; padding: 0 10px; margin: 0; width:auto; border-left: 1px solid #095427;} .productlist_horizontal .toolbartop ul li:first-child { border-left: none; } div.roundbox_whitebody div.roundbox_orange div.roundbox_grey div.toolbartop { position: relative; height: 24px; top: -10px; text-align: center;} div.roundbox_whitebody div.roundbox_orange div.roundbox_grey div.toolbartop div { width: 471px; height: 24px; background: url(../images/product/productview_toolbartop_r.png) no-repeat right top; margin: 0 auto; text-align: left;} div.roundbox_whitebody div.roundbox_orange div.roundbox_grey div.toolbartop div div { background: url(../images/product/productview_toolbartop_l.png) no-repeat left top; } /** Product List vertical **/ /* Products in Sidebar */ /*** Content ***/ /** Font Description **/ /* General */ body { font-family: Trebuchet MS; color: #808080; text-align: left; line-height: 16px; font-size: 14px; font-weight: normal } h1, h2, h3, .h1, .h2, .h3 { color: #404040; } h1, .h1 { font-size: 20px; font-weight: bold; } h2, .h2, .csc-firstHeader { font-size: 17px; font-weight: normal } h3, .h3 { font-size: 15px; font-weight: normal } #contentarea h2, #contentarea h3 { margin-bottom: 10px; } #contentarea-wide h2, #contentarea-wide h3 { margin-bottom: 10px; } #menu_right ul li { text-align: center; } /* Links & Submit Buttons */ a { text-decoration: none; color: #095427; } a.link_a, .link_a a, input.link_a, .link_a p.bodytext, .tx-irfaq-pi1 ul li a.link_a p.bodytext { line-height: 20px; font-size: 17px; font-weight: normal; color: #095427; } .link_a p{ text-align: center; } a.link_b, .link_b a ,.link_b input.submit{ font-size: 15px; font-weight: normal; color: #095427 /* Laut Styleguide #fff */; } .text_b { font-size: 15px; font-weight: normal; color: #095427 /* Laut Styleguide #fff */; } a.link_c, .link_c a, .link_c input.submit{ font-size: 17px; font-weight: normal; color: #095427 /* Laut Styleguide #fff */; } input.link_a:hover, a:hover, a:focus, a:active { color: #EEAF1A; outline: 0; } .morelink { text-align: right; } /* Specific */ #contentarea .roundbox_grey h3 { text-align: center; } #contentarea-wide .roundbox_grey h3 { text-align: center; } /** mein_bereich **/ #meinbereich-start h3{ font-weight: bold; } #meinbereich-start{ margin-bottom: 20px; } /* #meinbereich-login{ margin-bottom: 20px; } */ .tx-c3feproductcom-pi1{ margin-bottom: 20px; } .tx-c3profileinformation-pi1{ margin-bottom: 20px; } .roundbox_grey li{ text-align: left; } /* logout */ #logout_box { line-height: 18px; } #logout_box input{ float: right; border: 0px; background: #FFFFFF; font-weight: bold; color: #404040; cursor: pointer; } #logout_box input:hover{ float: right; border: 0px; background: #FFFFFF; color: #EEAF1A; } /** content_image **/ .content_image { margin: 0 auto; width: 104px; height: 104px; position: relative; display: block; text-align: center; } .content_image .image { border: 0; width: 104px; height: 104px; position: absolute; top: 0; left: 0; } .content_image .overlay { background: url(../images/product/overlay_border_grey.png) center center no-repeat; width: 104px; height: 104px; position: absolute; top: 0; left: 0; display: block; } .content_image:hover .overlay { background: url(../images/product/overlay_border_orange.png) center center no-repeat; width: 104px; height: 104px; position: absolute; top: 0; left: 0; display: block; } /** Breadcrumbs **/ #breadcrumbs { width: 516px; margin: 0 auto 20px auto; line-height: 20px; } #breadcrumbs .label { margin: 0 10px 0 0; padding: 0 20px 0 0; background: url(../images/dot24_grey.png) no-repeat right center;} #breadcrumbs .list { float: right; display: block; width: 372px; text-align: left; } #breadcrumbs a{ font-weight: bold; } #breadcrumbs .list span { float: left; display: inline; width: auto;} #breadcrumbs span { float: left; } #breadcrumbs span.label { min-width: 90px; display:block;} /** shopping cart **/ /* General */ #shoppingcart table { width: 100%; border-collapse: collapse; } #shoppingcart-download table { width: 100%; border-collapse: collapse; } #meinbereich-konto table { width: 100%; border-collapse: collapse; } /* Order List */ #order td { padding: 10px 0; } #order a.removelink, #contentarea .removelink a { color: #890000; } #order .price { text-align: right; } #order .totalamount { border-top: 2px solid #bfbfbf; } #order .removelink, #order .price, #order .format { padding: 0 0 0 10px; background: url(../images/dot24_grey.png) no-repeat left center; } #order .format, #order .removelink { text-align: center; } #order .totalamount, .shoppingcart { background: none; } /* User Credit */ #usercredit .price { text-align: right; color: #890000; } /* Buttons */ #big_buttons { text-align: center; } #big_buttons div { float: left; width: 178px; margin-left: 60px; } #big_buttons div div { float: none; margin-left: 0; display: table-cell; vertical-align: middle; } #big_buttons div div div div { height: 40px; } #big_buttons .buycredits, .big_buttons .submit{ width: 178px; } /** Overviews **/ #overview .roundbox_grey ul { margin: 0 auto; display: inline; } #overview .roundbox_grey { float: left; margin-left: 10px; } #overview .roundbox_grey div { float: none; margin-left: 0;} #overview .roundbox_grey div div div { min-height: 77px; width: 142px; } /*** Error Messages Tip-A-Friend ***/ /** Error Messages **/ .tx_tipafriend .errorLabel { font-weight: bold; } .tx_tipafriend .errorText { } /** Layout **/ /* .tx_tipafriend .formField label { margin: 4px 4px 4px 0; width: 160px; float:left; line-height: 20px;} .tx_tipafriend .formField input.text, .formField textarea { width: 190px; float:left; margin: 4px 0; } .tx_tipafriend .formField input.checkbox { width: auto; float:left; margin: 4px 0; } */ .note { font-size: 70%; padding: 4px 0; text-align: center; } div.roundbox_whitebody div.roundbox_orange div.formBox { float: left; width: 380px; margin-left: 10px;} div.roundbox_whitebody div.roundbox_orange div.form div div div { width: 380px; height: 75px;} div.roundbox_whitebody div.roundbox_orange div.submitBox { float: left; margin-left: 10px;} div.roundbox_whitebody div.roundbox_orange div.submitBox div div div { width: 106px; height: 46px; text-align: center; padding-top:26px; } /*** ***/ #checklist { padding-left:15px; text-align:left; width:100%; } /*** IRFAQ ***/ .tx-irfaq-questions-list_2 { list-style-type: none; } .tx-irfaq-questions-list_2 li a{ color: #404040; font-size: 17px; } .tx-irfaq-questions-list_2 li a:hover{ color: #EEAF1A; } .tx-irfaq-questions-list_2 li a:visited:hover{ color: #EEAF1A; } .tx-irfaq-questions-list_2 li a:visited{ color: #404040; } div.roundbox_whitebody div.roundbox_orange div.roundbox_grey div div div div div.additional-info { padding-left: 10px; border: 0;} .additional-info ul { list-style-type: none; } .csc-header { margin-bottom: 12px; } .tx-irfaq-answer ul{ margin-left: 20px; } /*** SR Email Subscribe ***/ .tx-sremailsubscribe-pi1 p { margin-top: 0; margin-bottom: 8px;} /*** ***/ #roundbox_content { margin-top: -31px; float: left; margin-left:5px; margin-bottom: 10px; } .single_button { float: none !important; margin: 0 auto 16px !important; } /*** PopUp ***/ div#popup { width: 360px; height: 320px; background: #fff; margin: 0 auto; position: relative; } div#popup_content { padding: 18px 0 0; } /* Orange Content Roundbox for PopUp Windows*/ #popup div.roundbox_orange { background: url(../images/roundbox_content_orange_tr.png) 100% 0 no-repeat; width: 340px; height: 288px; margin: 0 auto 0;} #popup div.roundbox_orange div { padding: 18px 0 0; background: url(../images/roundbox_content_orange_tl.png) 0 0 no-repeat; } #popup div.roundbox_orange div div { padding: 0; background: url(../images/roundbox_content_orange_br.png) 100% 100% no-repeat; } #popup div.roundbox_orange div div div { padding: 15px 20px 18px; background: url(../images/roundbox_content_orange_bl.png) 0 100% no-repeat; height: 238px;} #popup div.roundbox_orange div div div div { padding: 0; background: transparent none; } /* Grey Content Roundbox for PopUp Windows */ #popup div.roundbox_orange div.roundbox_grey { max-width: 520px; background: url(../images/roundbox_content_grey_tr.png) 100% 0 no-repeat; margin: 0 auto 20px; } #popup div.roundbox_orange div.roundbox_grey div { padding: 12px 0 0 0; background: url(../images/roundbox_content_grey_tl.png) 0 0 no-repeat; } #popup div.roundbox_orange div.roundbox_grey div div { padding: 0; background: url(../images/roundbox_content_grey_br.png) 100% 100% no-repeat; } #popup div.roundbox_orange div.roundbox_grey div div div { padding: 0 12px 12px; background: url(../images/roundbox_content_grey_bl.png) 0 100% no-repeat; } #popup div.roundbox_orange div.roundbox_grey div div div div { padding: 0; background: transparent none; } /* White Headline Roundbox */ #popup div.roundbox_headline { position: absolute; width: 100%; top: 2px; left: 0; } #popup div.roundbox_headline div { display: table; text-align: center; margin: 0 auto; } #popup div.roundbox_headline div div { background: url(../images/roundbox_headline_r.png) no-repeat right; padding: 0 15px 0 0; } #popup div.roundbox_headline div div div { background: url(../images/roundbox_headline_l.png) no-repeat left; padding: 0 0 0 15px; } #popup div.roundbox_headline h1 { line-height: 36px; background: url(../images/roundbox_headline_bg.png); } /* Form Table */ table#popuptable { margin: 0 0 0 10px; width: 280px; } table#popuptable td { height: 32px; } table#popuptable td.description { } table#popuptable td.input { background:transparent url(../images/dot24_grey.png) no-repeat scroll left center; padding: 0 0 0 28px; width: 162px;} table#popuptable td.input input{ width: 158px; border: 1px solid #bfbfbf; } table#popuptable td.input input.price { width: 87px; } /* Text */ #popup div.roundbox_orange div.bodytext { padding: 10px 10px 0; } /* Buttons */ #popup div.roundbox_orange div.buttons { height: auto; position: absolute; bottom: 12px; width: 300px;} #popup div.roundbox_orange div.buttons div.button { height: 44px; width: 138px; margin: 0 auto; text-align: center; margin-bottom: 20px; position: relative;} #popup div.roundbox_orange div.buttons div.button div { height: auto; } #popup div.roundbox_orange div.buttons div.button div div div { height: 20px; } #popup div.roundbox_orange div.buttons div.button input.submit { height: 100%; width: 100%; border: 0 none; font-size: 15px; font-weight: normal; color: #095427; position: absolute; top: 0; left:0; background: transparent; padding-bottom: 4px;} /*** Footer ***/ #footer { text-align: center; margin: 10px auto 0px; } #footer, #footer a { font-size: 17px; font-weight: normal; color: #fff; clear: both;} #erweiteter-footer { text-align: center; margin: 5px 0px 20px 0px; } #erweiteter-footer, #erweiteter-footer a { font-size: 14px; font-weight: normal; color: #fff; } /*** Karussel ***/ .tx-c3jsteaser-pi1 { margin-left: 49px; } #showcase_link { display: none; } #showcase { height:125px; margin:0 60px; padding:29px 2px 0; width:360px; } #showcase a{ outline: none; } #showcase_text { display: none; } .tx-c3jsteaser-pi1 .top { height:148px; position:relative; } .tx-c3jsteaser-pi1 .top a {background-image:none; height:auto; left:0; position:static; top:0; width:auto; z-index:0; } #showcase li { float:left; height:160px !important; list-style-type:none; width:150px !important; } #showcase li img { height:100%; width:100%; } .tx-c3jsteaser-pi1 ul li { float: left; list-style-type: none; text-align:center; width:200px; } .tx-c3jsteaser-pi1 ul { margin:0 auto; width:600px; } .karussel1 a img, .karussel3 a img { opacity: 0.65; filter: alpha(opacity=65); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=65); z-index: -1;} .karussel1 a:hover img, .karussel3 a:hover img { opacity: 1; filter: alpha(opacity=100); filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); -ms-filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100); } #imagekarussel2 { z-index: -1; } /** Checkout Adressen ***/ .address_item_name input { margin-right: 5px; } .address_item_company, .address_item_street, .address_item_city, .address_item_country, .address_item_phone, .address_item_email, .address_item_edit { margin-left: 18px; } #checkout-submit { width: 80px;} .checkout-submit-address { width: 213px !important; } #checkout-submit input { border: none; background-color: white; color: #095427; font-size: 17px; font-weight: normal; line-height: 20px; cursor: pointer; } .com-chkout-listing-terms input { margin-right: 5px; } .popupImage { height: 140px !important; } #meinbereich-register { height: 210px; } .com-category{ text-align: left; margin-bottom: 15px; } .com-category a{ background: url(../images/com-category_link_bg.gif) no-repeat left; padding-left: 10px; padding-right: 15px; font-weight: bold; } #shadowbox_title, #shadowbox_info { border: 0px none; } #shadowbox_body { border: 0px none; } .basketteaser { text-align: left !important; margin-left: 16px; } .tx-mmforum-pi1 { max-width: 708px !important; width: 708px; } #header_logo img { margin-left: 67px; } .sub { margin-bottom: 5px; } .sub a { color:#095427; font-size:15px; line-height:16px; } .sub a:hover { color:#EEAF1A; } .current a { color:#EEAF1A; } .errormessage { color: #ff0000; font-weight: bold; } /* #imagekarussel1 { width: 80%; height: 80%; } #imagekarussel3 { width: 80%; height: 80%; } */ .tx-indexedsearch-icon { float: left; } .tx-indexedsearch-result-number { float: left; } .tx-indexedsearch-title { float: left; } .tx-indexedsearch-percent { float: right; margin-top: 0 !important;} /*.spacer-gif { display: none; }*/ .checkboxagb { margin: 0 8px; } #howmuch { text-align: right; } #breadcrumbs .list { white-space:pre-line; } .productlist_vertical .left { float: left; width: 50%; } .productlist_vertical .right { float: right; width: 50%; } .productlist_vertical .product:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; } .productlist_vertical .product{ display: block; margin: 20px 0px; position:relative; } .pepastar-price { position:absolute; bottom:0; } .basket_submit { border: none !important; background:transparent; position:absolute; right:5px; } #shoppingcart .roundbox_grey:first-child div div div { padding-bottom:30px; position:relative; } #shoppingcart #big_buttons .roundbox_grey:first-child div div div { padding-bottom: 12px; } #productlanguage { width:199px !important; } .meinewerke a { padding-right: 2px; } #breadcrumbs span.label { clear:both; } #heidelpay { border: 0; margin-bottom: 20px; } .com-input-qty { text-align:center; } input.link_a:focus, input.link_a:active { outline:none !important; } #register-info { padding-top: 17px; } #teaser-box-de { margin-left: 13px; } #teaser-box-en { margin-left: 13px; } #teaser-box-jp { margin-left: 13px; } .tx-indexedsearch-browsebox .browsebox { margin-bottom:20px; margin-left:20px; } .tx-indexedsearch-browsebox .browsebox li { padding-right: 10px; }