/* ------------------------------------------------------------------------------------------ Das ist der Haupt CSS Stylesheet von ichmachwasichwill.de --------------------------------------------------------------------------------------------- */ /* Body -------------------------------------------------------------- */ * {margin:0;padding:0;} html {height:100%;} body {min-height:101%;position:relative;font-size:16px;padding:0;background:url(../img/template/bg-body.gif) repeat-x center top #FFF;} /* Links -------------------------------------------------------------- */ a {color:#527206;text-decoration:none;outline:none;} a:hover {color:#97CC1F;text-decoration:none;} a:active {outline:none;} #infobox-home a {border-bottom:1px dotted #97CC1F;} #infobox-home a:hover {border-bottom:1px solid #97CC1F;} a img {text-decoration:none;} a.external-link {background:url(../img/template/../images/icon-visit.gif) no-repeat right top;padding-right:15px;} a:hover.external-link {background-position:right bottom;} a.zoom img {border:2px solid #EEEEEE;} a:hover.zoom img {border-color:#ABD041;} #content-column .backbutton {position:relative;top:30px;left:-20px;} #content-column.withsidebar .backbutton {display:none;} /* Layout Container -------------------------------------------------------------- */ #page {position:absolute;left:50%;margin:0 0 0 -490px;width:980px;z-index:0;min-height:600px;} #header {height:200px;} .hidden, .hidden * {visibility:hidden;} /* Layout Elements -------------------------------------------------------------- */ .left-column, .middle-column, .fl, .bildlinks, .zertifikat-links {float:left;} .right-column, .fr, .bildrechts, .zertifikat-rechts {float:right;} span.clean {display:block;clear:both;} .bildlinks {margin:0 15px 0 0;} .bildrechts {margin:0 0 0 15px;} #shopping-cart {position:absolute;right:0;top:0;width:190px;height:82px;display:block;background-repeat:no-repeat;background-position:left top;} #shopping-cart:hover {background-position:left bottom;} #shopping-cart:hover span {color:#97CC1F;} #shopping-cart span.carttitle {position:absolute;text-indent:-90000px;} #shopping-cart span.article-count {position:absolute;left:87px;top:50px;font-size:11px;color:#000;} #shopping-cart.empty {background-image:url(../img/template/shopping-cart_empty.gif);} #shopping-cart.full {background-image:url(../img/template/shopping-cart_full.gif);} #shoplogo {position:absolute;left:0;top:60px;width:407px;height:110px;background:url(../img/template/logo-main.png) no-repeat left top;} #footer {clear:both;color:#7E7E7E;text-align:center;padding:20px 0 0 0;background:url(../img/template/footer-bg2.gif) no-repeat center top;} #footer ul {margin:0;padding:0;list-style:none;} #footer ul li {font-size:10px;display:inline;border-left:1px solid #E0E0E0;margin:0;padding:0 5px 0 7px;line-height:10px;} #footer ul li.first {font-weight:bold;border:0;} #footer ul a {color:#7E7E7E;} #footer ul a:hover {color:#97CC1F;text-decoration:underline;} #footer p {font-size:10px;font-weight:bold;margin:0;padding:10px 0 30px 0;} #teaser-home {float:right;} #infobox-home {float:left;width:208px;height:301px;padding:20px 20px 0 20px;background:url(../img/template/infobox-home.gif) no-repeat left top;} #infobox-home h2 {font-size:19px;} #quicklinks {clear:both;background:url(../img/template/quicklinks-bg.gif) no-repeat center top;padding-top:15px;height:100px;margin-top:20px;} #quicklinks a {display:block;float:left;width:320px;height:100px;background:#FFF;} #quicklinks a:hover {background:url(../img/template/quicklink-hover.gif) repeat-x left top #9DD02C;} #quicklinks a img {float:left;} #quicklinks a span {display:block;} #quicklinks a span.qtitle {font-size:16px;font-weight:bold;color:#000;margin-top:20px;} #quicklinks a span.qtext {font-size:11px;color:#4F4F4F;line-height:12px;} #quicklinks a.button-middle {margin:0 10px;} ul#box-subpages {list-style:none;padding:0 0 20px 0;margin:0 30px 20px 0;background:url(../img/template/box-bottom.gif) no-repeat left bottom;width:220px;float:left;} ul#box-subpages li {margin:0;padding:0;} ul#box-subpages li a {display:block;font-size:12px;font-weight:bold;padding:5px 25px;} ul#box-subpages li a:hover {background-color:#CAE28A;color:#FFF;} ul#box-subpages li.box-title {font-size:14px;font-weight:bold;background:url(../img/template/box-top.gif) no-repeat left top;padding:10px 15px 5px 15px;border-bottom:1px solid #CCC;} ul#box-subpages li#current a {background:url(../img/template/icon-current.gif) no-repeat 10px center #9EC917;color:#FFF;padding:5px 30px;} #content-column {position:relative;float:right;width:650px;padding:20px 40px 10px 40px;background:url(../img/template/content-bg.gif) no-repeat left top;margin-bottom:20px;} #content-column:after {content:".";display:block;height:0;clear:both;visibility:hidden;} #content-column.withsidebar {background:url(../img/template/content-bg-sidebar.gif) no-repeat left top;padding:20px 0 10px 40px;width:690px;} #content-column.withsidebar .left-column {width:390px;} #content-column.alignleft {float:left;} #content-column.centered {margin:0 auto;float:none;} .content-sidebar {float:right;width:220px;margin-left:60px;padding:0 20px 0 0;} .content-withsidebar {float:left;width:380px;} .column-end {display:block;clear:both;height:15px;background:url(../img/template/content-bg-bottom.gif) no-repeat left top;margin:0 -40px -20px -40px;} #content-column.withsidebar .column-end {background-image:url(../img/template/content-bg-sidebar-bottom.gif);margin:0 0 -20px -40px;} /* Product Navigator -------------------------------------------------------------- */ #navigator-toggle {display:block;width:221px;height:34px;background-repeat:no-repeat;background-position:left top;border:0;margin:0 0 0 20px;} #navigator-toggle:hover {background-position:left bottom;} #navigator-toggle span {position:absolute;text-indent:-90000px;} #navigator-toggle.open, #navigator-toggle {background-image:url(../img/template/navigator-toggle_open.gif);} #navigator-toggle.close {background-image:url(../img/template/navigator-toggle_close.gif);} #navigator-toggle.open, #navigator-toggle.close {cursor:pointer;} .bar-top, #bar-bottom {display:block;height:7px;} .bar-top {background:url(../img/template/navigator-bar-top.gif) no-repeat left top;} #bar-bottom {margin-bottom:30px;} #bar-bottom.close {background:url(../img/template/navigator-bar-bottom_close.gif) no-repeat left top;} #bar-bottom.open, #bar-bottom {background:url(../img/template/navigator-bar-bottom_open.gif) no-repeat left top;} #product-navigator {background:url(../img/template/navigator-bg.gif) no-repeat center top;width:960px;height:182px;padding:8px 10px 0 10px;} #article-list {width:960px;height:180px;overflow:auto;margin:0 !important;} .catcontainer {height:180px;} .scrollBar {overflow:hidden;} .scrollBar .bar {width:25px;height:19px;} .scrollBar .button {outline:none;background-position:top center;background-repeat:no-repeat;cursor:pointer;} .scrollBar .button.topButton {width:19px;height:25px;background-image:url(../img/template/scrollbar-arrow-up.gif);} .scrollBar .button.bottomButton {width:19px;height:25px;background-image:url(../img/template/scrollbar-arrow-down.gif);} .scrollBar .button.leftButton {width:25px;height:19px;background-image:url(../img/template/scrollbar-arrow-left.gif);} .scrollBar .button.rightButton {width:25px;height:19px;background-image:url(../img/template/scrollbar-arrow-right.gif);} .scrollBar .button.active {background-position:bottom center;} .scrollBar .scrollable {cursor:pointer;background-image:url(../img/template/scrollbar-stripe.gif);background-position:center center;background-repeat:repeat;} .scrollBar .knob {height:19px;} .scrollBar .knob.verticalKnob {cursor:n-resize;} .scrollBar .knob.horizontalKnob {cursor:w-resize;} .scrollBar .knobHorizontalTip {width:12px;position:absolute;background-position:left center;background-repeat:no-repeat;} .scrollBar .active .knobHorizontalTip {background-position:right center;} .scrollBar .leftTip {left:0;background-image:url(../img/template/scrollbar-knob-left.gif);} .scrollBar .rightTip {right:0;background-image:url(../img/template/scrollbar-knob-right.gif);} .scrollBar .knobHorizontalFill {background-position:top center;background-repeat:repeat-x;background-image:url(../img/template/scrollbar-horizontal-knob.gif);margin:0 12px;} .scrollBar .active .knobHorizontalFill {background-position:bottom center;} .scrollBar .knobVerticalTip {height:12px;background-position:top center;background-repeat:no-repeat;} .scrollBar .active .knobVerticalTip {background-position:bottom center;} .scrollBar .knobVerticalFill {background-position:left center;background-repeat:repeat-y;background-image:url(../img/template/scrollbar-vertical-knob.gif);position:absolute;bottom:12px;top:12px;} .scrollBar .active .knobVerticalFill {background-position:right center;} .scrollBar .topTip {background-image:url(../img/template/scrollbar-knob-top.gif);} .scrollBar .bottomTip {position:absolute;bottom:0;background-image:url(../img/template/scrollbar-knob-bottom.gif);} .scrollBar .knob.active {border:none;} .scrollBar .corner {background:#333 url(../img/template/scrollbar-corner.gif) center center no-repeat;} .element1 {width:180px;height:128px;float:left;text-align:center;} .element1 span {display:block;} .element1 span.catTitle {font-size:12px;font-weight:bold;color:#6D6D6D;overflow:hidden;} .element1 img {border:1px solid #FAFAFA;} .element1 a {display:block;} .element1 a:hover img {border-color:#9AC61B;} .element1 a:hover span.catTitle {color:#9AC61B;} #tester .bar-top + div {position:relative;} #current_selected img {border-color:#9AC61B;} #current_selected span.catTitle {color:#9AC61B;} /* Main Navigation -------------------------------------------------------------- */ #main-navigation {position:absolute;left:430px;top:108px;list-style:none;margin:0;padding:0;} #main-navigation li {float:left;} #main-navigation li a {display:block;height:34px;background-position:0 0;} #main-navigation li a:hover {background-position:0px -34px;} #main-navigation li a:active {background-position:0px -68px;} #main-navigation li.current-page a {background-position:0px -102px;} #main-navigation li a span {position:absolute;text-indent:-90000px;} .button-home {width:113px;background-image:url(../img/template/button-startseite.gif);} .button-about {width:132px;background-image:url(../img/template/button-werwirsind.gif);} .button-missing {width:157px;background-image:url(../img/template/button-ichvermisse.gif);} #button-feedback {width:146px;background-image:url(../img/template/button-deinfeedback.gif);} /* Product Info & Product Listing -------------------------------------------------------------- */ #product_container {position:relative;width:980px;height:356px;} #p_price, #p_options, #p_info, #upload_button, #addtocart, #p_backbutton, #p_image, #product_container h2, #info_nav, #p_price #price, #p_price .taxinfo {position:absolute;} #p_price {width:223px;height:102px;left:457px;top:0;background:url(../img/template/p_price.png) no-repeat right top;} #p_info {width:300px;height:356px;right:0;top:0;} #p_backbutton {right:30px;top:-10px;} #p_image {z-index:5;} #p_info, #p_options {z-index:10;} #p_price, #upload_button, #p_backbutton, #product_container h2 {z-index:20;} #product_container h2 {color:#4F4F4F;font-size:22px;margin:0;padding:20px 0 0 37px;} .info-box {position:absolute;z-index:5;width:240px;height:356px;padding:0 30px;} .info-box p {line-height:16px;} .info-box ul, .info-box p {font-size:11px;color:#444;} .info-box ul {list-style-type:square;} .info-box h3 {margin:30px 0 5px 0;color:#454545;} #info_1 h3 {background:url(../img/template/infobox-icon_info.png) no-repeat left center;padding-left:15px;} #info_2 h3 {background:url(../img/template/infobox-icon_info.png) no-repeat left center;padding-left:15px;} #info_3 h3 {background:url(../img/template/infobox-icon_photo.png) no-repeat left center;padding-left:25px;} #info_nav {width:300px;margin:0;padding:0;list-style:none;left:0;bottom:0;z-index:10;} #info_nav li {cursor:pointer;display:block;float:left;margin:0;padding:12px 15px 4px 15px;height:24px;font-size:11px;text-align:center;font-weight:bold;color:#464646;} #info_nav li:hover {color:#FFF;background-position:right bottom;} #info_nav li.active {color:#000;background:transparent;} #info_2-2-button {width:123px;background:url(../img/template/info_1-button.png) no-repeat left top;} #info_2-3-button {width:117px;background:url(../img/template/info_2-button.png) no-repeat left top;} #info_3-1-button {width:70px;background:url(../img/template/info_1-button.png) no-repeat left top;} #info_3-2-button {width:70px;background:url(../img/template/info_1-button.png) no-repeat left top;} #info_3-3-button {width:70px;background:url(../img/template/info_2-button.png) no-repeat right top;} #p_price {text-align:center;} #p_price #price {font-size:36px;color:#FFF;font-weight:bold;width:223px;left:0;top:15px;} #p_price #price .sufix {font-size:24px;padding-left:5px;} #p_price .taxinfo {display:block;font-size:11px;color:#D5EDA3;padding:0;width:223px;left:0;bottom:20px;} #upload_button {display:block;left:37px;bottom:0;width:237px;height:74px;background:url(../img/template/upload_button.png) no-repeat left top;cursor:pointer;} #upload_button span {position:absolute;text-indent:-90000em;} #upload_button:hover {background-position:left bottom;} #product_description, #product_options {position:relative;} #product_description {height:310px;background:url(../img/template/product-description_bg.gif) no-repeat left top;} #button_back {right:20px;top:-10px;z-index:200;} .product_text, .product_price, #addtocart, #product_image, #options_listing, #upload_tool, #box_info, #button_back, #upload_preview {position:absolute;} #product_image {right:0;top:0;z-index:50;} #addtocart {left:40px;top:255px;z-index:60;} #addtocart span.quantity input {width:20px;border:2px solid #9EC824;font-size:12px;font-weight:bold;padding:4px 8px;} #addtocart span.quantity {display:block;float:left;} #addtocart span.button_tocart {display:block;float:right;padding:1px 0 0 8px;} .product_text {left:40px;top:30px;width:320px;z-index:60;} .product_text h2 {font-size:19px;} .product_price {width:174px;height:174px;left:370px;top:50px;z-index:100;background:url(../img/template/product-price.png) no-repeat center center;text-align:center;} .product_price span#price {display:block;font-size:32px;font-weight:bold;color:#FFF;margin-top:40px;} .product_price span.sufix {font-size:18px;padding-left:4px;} .product_price span.taxinfo {display:block;font-size:10px;line-height:11px;color:#D4ECA0;} span.additional_info {display:block;font-weight:bold;font-size:11px;margin-bottom:5px;border-bottom:1px solid #DCDCDC;} #product_options {height:200px;background:url(../img/template/product-options_bg.gif) no-repeat left bottom;} #box_info {z-index:200;right:40px;top:-30px;width:204px;padding:20px 30px 0 30px;background:url(../img/template/box-info.png) no-repeat center top;} #box_info h3 {background:url(../img/template/icon-info-small.gif) no-repeat left center;padding:0 0 0 20px;font-size:12px;} #box_info p, #box_info ul {font-size:11px;line-height:14px;} #box_info ul {list-style:none;margin:0 0 20px 0;padding:0;} #box_info ul li {margin:0 0 4px 0;} #box_info ul li span {padding:0 10px;} /* #upload_tool.with_options {left:340px;top:55px;} #upload_tool.without_options {left:30px;top:55px;} */ #preview_image_link {display:block;} #preview_image_link img {border:2px solid #E1EDBF;} #preview_image_link:hover img {border-color:#AACF40;} #upload_button {display:block;} #options_listing {width:237px;left:37px;top:110px;z-index:60;} #options_listing h3 {margin:0;padding:0 0 0 20px;} #options_listing table {border:1px solid #FFF;padding:10px 0;background:url(../img/template/white-70p.png) repeat center center;} #options_listing td {padding:5px 10px;} #options_listing td.dropdown_name {font-weight:bold;padding-left:20px;} #options_listing td.dropdown_select select {padding:2px 3px 1px 3px;font-size:11px;} #options_listing td.dropdown_select select option {padding:2px 20px 2px 4px;} #content-column-full {display:block;padding:20px 40px 10px 40px;background:url(../img/template/content-full-bg.gif) no-repeat left top;margin-bottom:20px;} #content-column-full .column-end {display:block;clear:both;height:15px;background:url(../img/template/content-full-bg-bottom.gif) no-repeat left bottom;margin:0 -40px -20px -40px;} #content-column-full-plain {display:block;padding:0;background:url(../img/template/content-full-bg.gif) no-repeat left top;margin-bottom:20px;} #content-column-full-plain .column-end {display:block;clear:both;height:15px;background:url(../img/template/content-full-bg-bottom.gif) no-repeat left bottom;margin:0;} .cat_description {float:left;width:300px;} .product_list {float:right;width:550px;border-top:1px solid #CCC;} .product_link {display:block;border-bottom:1px solid #CCC;padding:10px 0;} .product_link:hover {background-color:#CAE28A;} .product_link:hover .overview_descr strong, .product_link:hover .overview_price strong {color:#000;} .product_pimage {display:block;width:100px;float:left;margin:0 20px 0 10px;background-color:#FFF;text-align:center;} .product_link .overview_descr {display:block;float:left;width:320px;color:#333;font-size:11px;} .product_link .overview_descr strong {font-size:14px;color:#AACF40;} .product_link .overview_price {display:block;width:80px;float:left;text-align:right;font-size:10px;color:#BBB;} .product_link .overview_price strong {font-size:15px;color:#AACF40;} .product_link .overview_price strong, .product_link .overview_descr strong {display:block;} .product_listing h2 {border-bottom:1px solid #CCC;padding:0 0 5px 10px;margin:0;} .product_listing {float:right;width:490px;margin:0 40px 20px 0;} .product_listing:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .product_listing a {position:relative;display:block;border-bottom:1px solid #CCC;padding:5px 10px;cursor:pointer;} .product_listing .productlisting_title {display:block;float:left;font-size:13px;font-weight:bold;color:#527206;background:url(../img/template/icon_go.gif) no-repeat left center;padding-left:15px;} .product_listing .productlisting_price {display:block;width:90px;float:right;text-align:right;font-size:13px;font-weight:bold;color:#527206;} .product_listing .productlisting_button {visibility:hidden;} .product_listing a:hover {background-color:#E5EFC8;} .product_listing a:hover .productlisting_button {visibility:visible;position:absolute;left:0;top:0;background:url(../img/template/icon_details.gif) no-repeat 5px center #A6CD35;color:#FFF;font-weight:bold;font-size:11px;width:95px;padding:7px 10px 6px 25px;} .product_listing a:hover .productlisting_title {padding-left:140px;background:transparent;color:#9AC61B;} .product_listing a:hover .productlisting_price {color:#9AC61B;} .cat_details {width:380px;margin-left:40px;float:left;} .product_detail {margin:0 0 20px 0;clear:both;} .product_detail a.zoom img {border:0;} .product_detail a.zoom {float:left;margin:0 20px 10px 0;} .product_detail:after {content:".";display:block;height:0;clear:both;visibility:hidden;} .product_detail h3 {margin:0 0 3px 0;padding:4px 0 0 0;font-size:13px;} .product_detail p {font-size:11px;color:#6D6D6D;line-height:15px;} .pagination {display:block;clear:both;padding:5px 20px 0 15px;margin:20px 0 0 0;font-size:11px;/* border-top:2px solid #EFEFEF; */} .presults a.pageResults {border:1px solid #9AC61B;} .presults a:hover.pageResults {border-color:#CAE28A;text-decoration:none;} .presults span.currentPage {border:1px solid #9AC61B;background-color:#9AC61B;color:#FFF;} .presults a.pageResults, .presults span.currentPage {display:block;float:left;font-weight:bold;height:21px;padding:4px 10px 0 10px;text-align:center;font-size:11px;margin-right:3px;} .presults {float:right;} .pcount {font-size:10px;float:left;padding-top:5px;} .cat_title_image {margin:0 0 20px 0;} /* Image Replacement -------------------------------------------------------------- */ h1#shoplogo span {position:absolute;text-indent:-90000px;} /* Tooltip -------------------------------------------------------------- */ .exampletip {z-index:13000;width:206px;height:140px;background:#015085;} .exampletip .tip {padding:3px;} .exampletip h3 {font-size:14px;color:#FFF;padding:5px 10px;margin:0;} .fototip {z-index:13000;width:220px;height:145px;background:#015085;} .fototip .tip {padding:3px;line-height:13px;} .fototip .tip-title {font-size:11px;color:#FFF;padding:5px 10px;margin:0;font-weight:bold;} .fototip .tip-text {font-size:11px;color:#FFF;padding:5px 10px;margin:0;} /* Base Font Settings -------------------------------------------------------------- */ body {font-family:Arial, Verdana, Helvetica, sans-serif;line-height:1.5;color:#000;} body {font-size:75%;} html > body {font-size:12px;} /* Headings -------------------------------------------------------------- */ h1,h2,h3,h4,h5,h6 {color:#000;/* color:#9EC917; */} h1 {font-size:16px;font-weight:bold;margin:0 0 15px 0;line-height:18px;} h2 {font-size:21px;font-weight:bold;margin:0 0 6px 0;} h3 {font-size:15px;font-weight:bold;margin:0 0 10px 0;} h4 {font-size:14px;font-weight:bold;margin:0 0 10px 0;} h5 {font-size:12px;font-weight:bold;} h6 {font-size:11px;font-weight:bold;} .underline {border-bottom:1px solid #F3F3F3;} .underline-c {border-bottom:1px solid #CCC;} /* Text elements -------------------------------------------------------------- */ p {font-size:12px;line-height:20px;margin: 0 0 15px 0;} ol {list-style-type:decimal;margin:5px 0 15px 20px;} ol li {margin:0 0 8px 0;} ul {margin:0 0 15px 15px;} dl {margin:0;} dl dt {font-weight:bold;} blockquote {margin:1.5em 0 1.5em 1.5em;color: #666;font-style: italic;} strong {font-weight:bold;} em {font-style:italic;} pre {margin-bottom:1.3em;background:#eee;border:0.1em solid #ddd;padding:1.5em;} code {font:0.9em Monaco, monospace;} .key {color:#9AD62B;} ol.loweralpha {list-style-type:lower-alpha;} .impressumangaben {list-style:none;padding:0;margin:0 0 20px 0;} .impressumangaben li {margin:0;border-bottom:1px solid #DDD;padding:5px 10px;} .column-left, .column-right {width:47%;} .column-left {float:left;} .column-right {float:right;} /* Forms -------------------------------------------------------------- */ .input-field input, .form_input input, .input-field select, .input-field textarea, #comments, .checkout_agb textarea {border:1px solid #CCC;padding:3px 5px;} .input-field input, .form_input input, .input-field textarea, #comments, .checkout_agb textarea {background:url(../img/feedback/bg-input.gif) repeat-x left top #FFF;} .input-field input:focus, .input-field textarea:focus, #sign .input_field input:focus, #comments:focus, .checkout_agb textarea:focus {border-color:#9EC917;} .form_input label, .input-field label {font-weight:bold;font-size:11px;padding-top:3px;} #contact_us .input-field input, #contact_us .input-field textarea {width:480px;background:url(../img/feedback/bg-input.gif) repeat-x left top #FFF;} #contact_us .input-field textarea {height:270px;} #contact_us .input-field, #sign .input_field {margin-bottom:10px;} #contact_us .input-field label, #sign .input_field label {display:block;float:left;width:130px;} #contact_us .input-submit {text-align:right;padding-right:27px;} #sign .input-field label {float:left;width:150px;} #sign .input-field input {width:230px;margin-bottom:10px;} #sign .input_select {float:right;width:160px;padding:10px 20px;border:1px solid #CCC;} #sign .input_select div {margin-bottom:5px;} #loginbox {background-color:#EEE;margin:0 1px;padding:10px 0 5px 0;} #loginbox .form_input {clear:both;margin-bottom:5px;padding-left:15px;} #loginbox .form_input input {background:url(../img/feedback/bg-input.gif) repeat-x left top #FFF;width:110px;} #loginbox .form_input label {display:block;float:left;width:70px;} #loginbox .form_button {text-align:right;padding:5px 13px 0 0;} #login {background-color:#EEE;margin:0 1px;padding:10px 0 5px 0;} #login .form_input {clear:both;margin-bottom:5px;padding-left:15px;} #login .form_input input {width:110px;background:url(../img/feedback/bg-input.gif) repeat-x left top #FFF;} #login .form_input label {display:block;float:left;width:70px;} #login .form_button {text-align:right;padding:5px 13px 0 0;} #checkout_address .input-field input {width:450px;} #checkout_address .input-field select {width:150px;} #checkout_address .input-field label {display:block;float:left;width:110px;} #checkout_address .input-field {margin-bottom:10px;} #comments, .checkout_agb textarea {width:400px;height:180px;} #create_account .input-field label {float:left;width:130px;} #create_account .input-field input {width:230px;margin-bottom:10px;} #create_account h5 {margin:15px 0 10px 0;} #account_edit .input-field label {float:left;width:130px;} #account_edit .input-field input {width:230px;margin-bottom:10px;} #account_password .input-field label {float:left;width:180px;} #account_password .input-field input {width:250px;margin-bottom:10px;} .columnleft-50, .columnright-50 {width:47%;} .columnleft-50 {float:left;} .columnright-50 {float:right;} .notvisible {visibility:hidden;} /* Boxes -------------------------------------------------------------- */ div.boxes_left, div.boxes_right {width:220px;} div.boxes_left {float:left;} div.boxes_right {float:right;} div.box_left, div.box_right {padding:0 0 20px 0;margin:0 30px 20px 0;background:url(../img/template/box-bottom.gif) no-repeat left bottom;width:220px;} div.box_left h3, div.box_right h3 {font-size:14px;font-weight:bold;background:url(../img/template/box-top.gif) no-repeat left top;padding:10px 15px 5px 15px;margin:0;border-bottom:1px solid #CCC;} ul.box_actions {list-style:none;padding:0;margin:0 1px;} ul.box_actions li {margin:0;padding:0;} ul.box_actions li a {display:block;font-size:12px;font-weight:bold;padding:5px 15px 5px 30px;background-repeat:no-repeat;background-position:8px center;} ul.box_actions li a:hover {background-color:#CAE28A;color:#FFF;} a.button_editaccount {background-image:url(../img/template/icon-editaccount.gif);} a.button_logoff {background-image:url(../img/template/icon-logoff.gif);} a.button_lostpassword {display:block;font-size:12px;font-weight:bold;padding:5px 10px;border-top:1px solid #CCC;border-bottom:1px solid #CCC;margin:0 1px;} a:hover.button_lostpassword {background-color:#CAE28A;color:#FFF;} a.lastviewed {display:block;text-align:center;padding:10px 0 0 0;} a.lastviewed span {display:block;text-align:center;} a.lastviewed span.lastview_product {font-weight:bold;font-size:13px;} a.lastviewed span.lastview_price {font-size:10px;color:#BBB;} a.lastviewed span.lastview_price strong {display:block;font-size:14px;color:#000;} /* Shopping Cart -------------------------------------------------------------- */ .buttons_cart {border-top:2px solid #EEE;padding:10px 20px;margin:20px 0 0 0;} table#order_details {clear:both;} table#order_details thead td {font-size:12px;color:#ABD041;font-weight:bold;border-bottom:2px solid #CCC;} table#order_details tbody td {vertical-align:top;border-bottom:1px solid #DDD;padding-top:5px;} table#order_details tfoot td {padding:10px 20px;border-top:2px solid #CCC;} table#order_details thead td.product_price-total, table#order_details thead td.product_price-single, table#order_details tbody td.product_price-total, table#order_details tbody td.product_price-single {text-align:right;} table#order_details thead td.product_delete, table#order_details thead td.product_qty, table#order_details tbody td.product_delete, table#order_details tbody td.product_qty {text-align:center;} table#order_details tbody td.product_qty input {font-size:11px;border:1px solid #CCC;padding:3px 5px;width:20px;} table#order_details tbody td.product_qty input:focus {border-color:#9EC917;} table#order_details tbody td.product_info {padding:5px 10px 0 0;} table#order_details tbody td.product_price-total {font-weight:bold;} table#order_details thead td.product_qty {width:55px;} table#order_details thead td.product_info {text-align:left;} table#order_details thead td.product_image {width:85px;} table#order_details thead td.product_delete {width:30px;} table#order_details tbody td.product_price-total, table#order_details thead td.product_price-total {padding-right:10px;} table#order_details tbody td.product_info, table#order_details thead td.product_info {padding-left:10px;} table#order_details .product_options {font-size:11px;margin:5px 0 10px 20px;} table#order_details a.linkto_product, table#order_details .linkto_product {display:block;font-weight:bold;} /* Account -------------------------------------------------------------- */ ul.lastorders_list {list-style:none;margin:0 0 20px 0;padding:0;border-top:1px solid #CCC;} ul.lastorders_list li {margin:0;padding:0;border-bottom:1px solid #CCC;} ul.lastorders_list li a {display:block;background:url(../img/template/icon-info-small.gif) no-repeat 5px 5px;} ul.lastorders_list li a:hover {background-color:#CAE28A;} ul.lastorders_list li a span {display:block;} ul.lastorders_list li a span.order_total, ul.lastorders_list li a span.order_status {color:#000;} ul.lastorders_list li a span.order_date {font-weight:bold;font-size:14px;padding:3px 5px 0 25px;border-bottom:1px solid #FFF;} ul.lastorders_list li a span.order_total {font-size:12px;padding:3px 5px 0 25px;} ul.lastorders_list li a span.order_status {font-size:12px;padding:0 5px 3px 25px;} ul.lastorders_list li a span.order_no {font-size:12px;font-weight:normal;display:inline;padding-left:5px;} a.button_showall-orders {display:block;background:url(../img/template/icon-go_small.gif) no-repeat left center;padding-left:12px;font-weight:bold;} h3.lastviewed_products {margin-top:30px;} ul.lastviewed_products {list-style:none;margin:0 0 50px 0;padding:0;border-top:1px solid #EEE;} ul.lastviewed_products li {clear:both;padding:0;margin:0;border-bottom:1px solid #EEE;} ul.lastviewed_products li a {display:block;padding:8px 10px;} ul.lastviewed_products li a:hover {background-color:#CAE28A;} ul.lastviewed_products li a span.lastviewed_img {display:block;width:90px;margin-right:10px;float:left;} ul.lastviewed_products li a span.lastviewed_info {font-weight:bold;font-size:12px;} ul.lastviewed_products li a span.lastviewed_info strong {display:block;font-size:14px;margin-bottom:5px;} ul.lastviewed_products li a span.lastviewed_info span.shipping {font-weight:normal;font-size:10px;color:#BBB;padding-left:5px;} a.button_back {background-image:url(../img/template/icon-buttonback.gif);} div.order {position:relative;width:290px;float:left;margin:0 30px 30px 0;border:1px solid #AACF3E;} div.order ul {list-style:none;margin:0;padding:0 10px 10px 10px;font-size:11px;} div.order ul li {clear:both;margin:0 0 5px 0;padding:0;border-bottom:1px solid #EEE;} div.order ul li span {width:76px;display:block;float:left;} div.order h4 {font-size:13px;padding:5px 10px 0 10px;border-bottom:1px solid #EEE;background-color:#C1DC71;} div.order h4 span {color:#FFF;padding-right:8px;} div.order span.button_view {display:block;position:absolute;right:5px;bottom:-10px;} .order_page {width:716px;background:url(../img/template/order-page_bottom.gif) no-repeat center bottom;padding:0 0 40px 0;float:right;margin-right:10px;} .order_page h3 {background:url(../img/template/order-page_top.gif) no-repeat center top;height:40px;font-size:22px;padding:100px 80px 0 80px;} .order_page table, .order_page p, .order_page h4, .order_page h5 {margin-right:80px;margin-left:80px;} .order_page table {width:556px;} .order_page table.order_adresses {margin-top:40px;margin-bottom:40px;border-top:2px solid #CCC;border-bottom:2px solid #CCC;} .order_page table.order_adresses td {padding:10px 0;} .invoice_tools {display:block;width:716px;float:right;padding:20px 0;} .button_pdf-download {display:block;float:left;background:url(../buttons/german/button_pdfdownload.gif) no-repeat left top;width:213px;height:24px;margin:0 20px 0 0;} .button_pdf-download span {position:absolute;text-indent:-90000px;} .button_print {display:block;float:left;margin:0 20px 0 0;} table.ordered_articles thead td {border-bottom:2px solid #CCC;font-weight:bold;} table.ordered_articles tbody td {border-bottom:1px solid #EEE;padding:3px 5px;} table.ordered_articles tfoot td {padding:3px 5px;text-align:right;} table.ordered_articles tfoot td.first_row {border-top:2px solid #CCC;} table.ordered_articles tfoot td.last_row {font-size:14px;} /* Orders, Checkout, Payment -------------------------------------------------------------- */ #order_content {display:block;padding:0 40px 10px 40px;background:url(../img/template/order-content-bg.gif) no-repeat left top;margin-bottom:20px;} #order_content .column-end {display:block;clear:both;height:15px;background:url(../img/template/content-full-bg-bottom.gif) no-repeat left bottom;margin:0 -40px -20px -40px;} #order_content h2 {clear:both;margin:20px 0 20px 0;border-bottom:1px solid #E2E2E2;padding:0 0 0 10px;} ul#order_steps {margin:0;padding:1px 0 0 0;list-style:none;height:54px;} ul#order_steps li {display:block;float:left;width:203px;padding:8px 0 11px 0;margin:0 5px;text-align:center;font-weight:bold;} ul#order_steps li span {display:block;font-size:18px;line-height:18px;color:#AACF40;} ul#order_steps li#current_step {background-color:#FFF;border-left:1px solid #E2E2E2;border-right:1px solid #E2E2E2;} .next_step {clear:both;margin:30px 0 20px 0;border-top:1px solid #E2E2E2;padding:10px 10px 0 10px;} .next_step input {float:right;} .next_step p {margin:0;} .next_step p strong {padding-right:10px;} .address_block, .address_block_left, .checkout_block_left {float:left;width:420px;} .shipping_block, .address_block_right, .payment_block, .checkout_block_right, .checkout_agb {float:right;width:420px;} .checkout_block {display:block;clear:both;margin:30px 0 20px 0;} .address_block h3, .shipping_block h3, .checkout_block h3, .checkout_block_left h3, .checkout_block_right h3, .checkout_agb h3 {border-bottom:1px solid #F3F3F3;} .current_address {background-color:#CBE188;padding:10px 15px;margin-bottom:30px;} .current_address_nobg {margin:0 0 30px 20px;padding:0 0 0 20px;border-left:5px solid #CBE188;} .floating_right {width:190px;float:right;margin-left:30px;} .floating_right2 {width:250px;float:right;margin-left:50px;} .current_address h4 {font-size:12px;border-bottom:1px solid #FFF;} .new_address {clear:both;} .shipping_options {clear:both;margin-bottom:5px;} .shipping_options tr.titel td {background-color:#F3F3F3;font-weight:bold;padding:5px;border-bottom:1px solid #FFF;} .shipping_options tr.options td {background-color:#F8F8F8;border-bottom:10px solid #FFF;padding:5px;} #address_block {list-style:none;padding:0;margin:0 0 20px 0;} #address_block li {margin:0 0 5px 0;padding:5px 10px;background-color:#F3F3F3;} #address_block li label {font-weight:bold;} #address_block li input {margin-right:5px;} #address_block li span.address {display:block;padding:0 0 0 15px;} .accept {font-weight:bold;background-color:#AD0000;color:#FFF;padding:3px 5px;} .accept input {margin-right:5px;} .payment_radio {width:20px;} .payment_title {font-weight:bold;} .payment_options {margin:0 0 30px 0;} .payment_options tr.titel td {background-color:#F3F3F3;font-weight:bold;padding:5px;border-bottom:1px solid #FFF;} .payment_options tr.descr td {background-color:#F8F8F8;border-bottom:10px solid #FFF;padding:5px;} .order_page_confirmation {position:relative;width:556px;background:url(../img/template/order-page_bottom.gif) no-repeat center bottom;padding:120px 80px 50px 80px;margin:30px auto;} .order_page_confirmation h3 {position:absolute;left:0;top:0;background:url(../img/template/order-page_top.gif) no-repeat center top;width:636px;height:40px;font-size:22px;padding:100px 0 0 80px;} .order_page_confirmation table {width:100%;} .order_page_confirmation table.order_adresses {margin-top:40px;margin-bottom:40px;border-top:2px solid #CCC;border-bottom:2px solid #CCC;} .order_page_confirmation table.order_adresses td {padding:10px 0;} .order_page_confirmation .first-col {width:90%;padding:0 0 3px 0;} .order_page_confirmation .second-col {width:10%;text-align:right;} .checkout-product-listing {width:100%;} .checkout-product-listing tr.theproduct td {padding-top:8px;font-weight:bold;border-top:1px solid #F3F3F3;} .checkout-product-listing td.productquantity {width:35px;} .checkout-product-listing td.price {width:90px;text-align:right;} .checkout_button {width:716px;margin:0 auto;text-align:right;} .checkout_intro {width:716px;margin:0 auto;} .print_order {float:right;background-color:#CBE188;padding:10px 15px;margin:0 0 30px 30px;width:240px;} .success_image {float:left;margin:0 30px 0 0;} .cc_form {margin-bottom:20px;} .cc_form label {display:block;float:left;width:120px;font-weight:bold;font-size:11px;padding-top:3px;} .cc_form input {border:1px solid #CCC;padding:3px 5px;width:250px;margin-bottom:8px;} .cc_form input:focus {border-color:#9EC917;} .clearHere {clear:both;} #agb_view {width:380px;height:170px;padding:10px 20px;border:1px solid #CCCCCC;overflow-y:auto;} #blabla {display:none;} /* Feedback -------------------------------------------------------------- */ #feedback_box {position:absolute;left:0;top:108px;z-index:200;width:980px;height:580px;background:url(../img/template/bg_feedback_box.gif) no-repeat left 24px;} #close_feedback {display:block;position:absolute;right:3px;top:0;width:146px;height:34px;background:url(../img/template/button-deinfeedback.gif) no-repeat 0px -102px;;} #close_feedback span {position:absolute;text-indent:-90000px;} #feedback_frame {position:absolute;width:966px;height:528px;left:7px;top:41px;} /* Others -------------------------------------------------------------- */ #adminbox {position:fixed;right:20px;top:20px;background:#FFF;border:2px solid #9AC61B;padding:10px 20px;} .message_info, .message-success {background:url(../img/template/icon-info.gif) no-repeat 10px center #A9CF3E;color:#FFF;font-size:13px;font-weight:bold;padding:10px 30px 10px 45px;margin:5px 0 20px 0;border:2px solid #E5EFC8;} .message-error {background:url(../img/template/icon-error.gif) no-repeat 10px center #B10000;color:#FFF;font-size:13px;font-weight:bold;padding:10px 30px 10px 45px;margin:5px 0 20px 0;border:2px solid #CA3434;} .security_code {background-color:#C5DD7E;border:2px solid #A6CD37;padding:5px 0 10px 0;text-align:center;margin:20px 0;} .security_code img {border:2px solid #FFF;} .security_code p {font-size:16px;color:#FFF;} .gutschein_box {} #gutschein h3 {margin:0;padding:10px 0 0 20px;border-bottom:1px solid #FFF;} #gutschein {width:200px;height:130px;position:absolute;right:40px;bottom:-50px;background:url(../img/template/box_gift.gif) no-repeat center top;} .center_text {text-align:center;margin:0;padding:0 30px;font-size:11px;} .code-eingabe {padding:10px 20px 0 20px;} .code-eingabe .input-field input {width:140px;margin-left:5px;font-size:16px;font-weight:bold;} .code-eingabe .input-field label {display:block;font-size:12px;padding:0 0 0 15px;} .code-eingabe .input-submit {text-align:right;padding:5px 5px 0 0;} /* Uploader -------------------------------------------------------------- */ #optiontr_Druckmotiv, #optiontr_Mask, #optiontr_ObjectCount {display:none;} /* System Messages -------------------------------------------------------------- */ .message {width:800px;margin:60px auto 0 auto;background:#FFF;} .message_container {border:2px solid #9AC61B;} .message_text {padding:30px 70px;color:#9AC61B;font-size:15px;font-weight:bold;text-align:center;} .message img {display:block;margin:0 auto 15px auto;} #nojsframe {position:absolute;z-index:5000;left:0;top:0;width:100%;height:100%;overflow:hidden;} /* Relation Links -------------------------------------------------------------- */ #relations {margin:0;height:90px;clear:both;background:url(../img/template/footer-bg.gif) no-repeat center top;padding:20px 0 0 0;} #relations li {margin:0;padding:0;} #relations li, #relations li a {display:block;width:326px;height:90px;background-repeat:no-repeat;} #relations li {background-position:center -90px;float:left;} #relations li a {background-position:center top;} #relations #logo1, #relations #logo1 a {background-image:url(../img/relations/logo_faircollection.gif); } #relations #logo2, #relations #logo2 a {background-image:url(../img/relations/logo_dzm.gif); } #relations #logo3, #relations #logo3 a {background-image:url(../img/relations/logo_productionplate.gif); } #relations li a span {text-indent:-90000em;position:absolute;} #relations li a:link, #relations li a:visited {opacity:0.00001;} #relations li a:hover, #relations li a:active {opacity:1;} /* Relation Links -------------------------------------------------------------- */ #product_rotator { position:relative; display:block; float:right; width:715px; height:320px; } .rotator_link { display:block; position:relative; width:715px; height:320px; overflow:hidden; } .rotator_img, .rotator_productname, .rotator_productprice { position:absolute; } .rotator_img { z-index:10; left:0; top:0; } .rotator_productname, .rotator_productprice { z-index:20; top:266px; color:#FFF; font-weight:bold; } .rotator_productname { left:30px; font-size:24px; line-height:24px; padding:8px 0 0 0; } .rotator_productprice { right:30px; font-size:28px; line-height:28px; text-align:right; } .rotator_productprice span { display:block; font-size:11px; line-height:12px; color:#D5EDA3; font-weight:normal; }