/* banner layout */ /******************/ #banner { overflow: hidden; } #banner_logo { background:url(img/shop.banner.pixel.jpg) repeat-x; height: 197px; } #banner_left { background:url(img/shop.banner.left.jpg) no-repeat; width: 340px; height: 197px; float: left; } #banner_right { background:url(img/shop.banner.right.jpg) no-repeat; width: 530px; height: 197px; float: right; } #navigation { border-left: solid 1px #cdbba7; border-right: solid 1px #cdbba7; } /* footer layout */ /******************/ #footer { background:url(img/layout.footer.png) no-repeat; width: 1000px; height: 81px; line-height: 15px; color: #c6a990; overflow: hidden; } #footer a { color: #c6a990; text-decoration: underline; } #footer a:hover { color: #D3BA98; text-decoration: underline; } #footer div { font-family: "Trebuchet MS"; font-size: 13px; } #footer ul { margin: 0px; padding: 0px; } #footer li { background: url(img/icon.arrow.white.png) no-repeat left 4px; list-style: none; padding-left: 13px; } #splitter_solid_h { width: 1px; height: 60px; border-left: solid 1px #B59C82; margin: 10px 0px; float: left; } #mwst { width: 160px; margin: 10px; float: left; } #copyright { margin: 10px; float: left; } #bankverbindung { width: 200px; margin: 10px; float: left; } #firma_info { margin: 10px; margin-left: 15px; float: left; } /* banner menu */ /***************/ #menu { background: url(img/nav.pixel.png) repeat-x; height: 79px; margin: 0px 2px; border-top: solid 1px white; } #menu_buttons { background: url(img/nav.button.pixel.normal.png) repeat-x; margin-top: 8px; float: left; } #menu_buttons a { font-weight: bold; color:white; text-decoration: none; white-space: nowrap; outline: 0; } /* white-space und outline gegen umrandung nach click */ #menu_buttons a:hover { color: #FFE9D2; } #menu_splitter { background: url(img/nav.button.splitter.png); width: 3px; height: 58px; float: left; } #menu_end { background: url(img/nav.button.end.normal.png); width: 21px; height: 79px; float: left; } #menu_btn_1, #menu_btn_2, #menu_btn_3, #menu_btn_4, #menu_btn_last { height: 58px; line-height: 58px; text-align:center; font-size:15px; float: left; } #search { margin-top: 12px; margin-right: 15px; float: right; } #search_caption { width: 60px; height: 24px; line-height: 24px; font-size:15px; font-weight: bold; color: white; float: left; } #search_field { background: url(img/search.field.png); width: 140px; height: 24px; float: left; } #search_input { width: 90%; margin: 3px 0px 0px 10px; border: solid 0px; } #search_button { background: url(img/search.button.normal.png); width: 23px; height: 24px; float: left; } .search_inactive { color:#CCC; } .search_active { color:#840; } /* overwrite ebay */ /******************/ .pagewidth { width: 100%; text-align: center; } .pageminwidth { width: 1000px; text-align: left; margin: 0px auto; } .grid { width: 100%; } .grid .left { float: inherit; } #LeftPanel { width: 221px; padding-left: 1px; } #LeftPanel table.v4midBox { border: solid 0px; } #LeftPanel table.v4midBox tr.v4acp_mid td.v4mid { background: url(img/box.left.cell.pixel.png) repeat-y; padding: 5px 12px 5px 10px; } #LeftPanel table.v4acp tr.v4acp_head td.v4title { background: url(img/box.left.header.png) no-repeat; width: 221px; line-height: 41px; padding-top:0px; padding-bottom:0px; margin: 0px; } #LeftPanel table.v4acp tr.v4acp_head td.v4title font { color: white; font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; } table.v4acp tr.v4acp_head td.v4title font { color: white; font-family: "Trebuchet MS"; font-size: 14px; font-weight: bold; } #LeftPanel div.lcat { font-size: 12px; font-family: "Trebuchet MS"; } #LeftPanel .lcat .ttl a:link { color: #9F6D11; } #LeftPanel .lcat .lev1 li { background: url(img/icon.arrow.brown.png) no-repeat left 5px; margin: 8px 0px; padding-left: 13px; font-weight: normal; } #LeftPanel .lcat .lev2 li { background: url(img/icon.arrow.brown.png) no-repeat left 5px; list-style: none; padding-left: 13px; } #LeftPanel .lcat .lev2 { padding: 0 0 0 12px; } #LeftPanel table.v4acp td.v4baccent { display: none; font-size: 0px; } #LeftPanel table.v4acp td.v4vspacer { display: none; font-size: 0px; } #LeftPanel table.v4acpcont > tbody > tr .v4acp > tbody > tr + tr { display: none; font-size: 0px; } #LeftPanel table.v4acpcont > tbody > tr .v4acp > tbody > tr + tr + tr { display: none; font-size: 0px; } #LeftPanel table.v4acpcont > tbody > tr > td { padding-top:0px; padding-bottom:0px; } #LeftPanel table.v4acpcont > tbody > tr + tr > td { padding-top:0px; padding-bottom:15px; } #LeftPanel table.v4acpcont > tbody > tr + tr { background: url(img/box.left.footer.png) no-repeat; background-position:bottom; padding-bottom:15px; } #LeftPanel a:active { color: #9F6D11; text-decoration: underline; cursor: pointer; } #LeftPanel a:link { color: #222; text-decoration: underline; cursor: pointer; } #LeftPanel a:hover { color: #9F6D11; } /* Changes 11.05.2010 .pagecontainer > div + table { background-image: url(img/layout.pixel.png); background-repeat:repeat-y; } .pagecontainer > div + table > tbody > tr > td > div + table { background-image: url(img/layout.pixel.png); background-repeat:repeat-y; } */ .pagecontainer > img + table { background-image: url(img/layout.pixel.png); background-repeat:repeat-y; } .pagecontainer > table > tbody > tr + tr > td { display: none; } .pagecontainer > table > tbody > tr + tr + tr > td { display: inherit; } #TopPromoArea { background: white; margin-bottom: 10px; } #TopPromoArea .v4acpcont { margin-bottom: 0px; } #CentralArea > div > div + div { background: white; } #LeftPanel + td + td > table { width: 98%; } .image { border: solid 1px #BBB; padding: 2px; } .image:hover { border: solid 1px #C19768; } .pagecontainer span + br + table > tbody > tr + tr { display: none; font-size: 0px; height:0px; } .pagecontainer span + br + table > tbody > tr + tr + tr { display: inherit; } .pagecontainer > table + table > tbody > tr > td > table + table > tbody > tr { display: none; font-size: 0px; height:0px; } .pagecontainer > table + table > tbody > tr > td > table + table > tbody > tr + tr { display: inherit; } .pagecontainer > table + table > tbody > tr > td > table + table > tbody > tr + tr + tr { display: none; font-size: 0px; height:0px; } .pagecontainer > table + table > tbody > tr > td > table + table { } .pagecontainer > table + table { } .pagecontainer > table + table > tbody > tr > td > table + table > tbody > tr + tr > td > table { display: none; } .pagecontainer > table + table > tbody > tr > td > table + table > tbody > tr + tr > td > script + table { display: inherit; } .pagecontainer > table + table > tbody > tr > td > table + table > tbody > tr + tr > td > br { display: none; font-size: 0px; height:0px; } .pagecontainer > table + table > tbody > tr > td > table + table > tbody > tr + tr > td > hr { visibility: hidden; margin-top: 40px; } .pagecontainer > table + table > tbody > tr > td > table + table > tbody > tr + tr > td > p + p { margin-bottom: 20px; } .pagecontainer .stBadge { margin-top: 0px; } /* mich seite */ /**************/ #content { font-family: "Trebuchet MS"; font-size: 13px; background-image: url(img/layout.pattern.pixel.png); background-repeat:repeat-y; width: 1000px; } #content span,ul,ol { font-family: "Trebuchet MS"; font-size: 13px; } #content_inner { padding: 20px; } #content .block div { font-family: "Trebuchet MS"; font-size: 13px; } #arrow_brown { background: url(img/icon.arrow.brown.png) no-repeat left top; width: 9px; height: 15px; margin: 5px 3px 0px 0px; float: left; } #arrow_white { background: url(img/icon.arrow.white.png) no-repeat left center; width: 12px; height: 12px; } #box_2er { width: 456px; font-size: 13px; color:#666; margin: 0px 0px 10px 15px; } #box_2er_body { background: url(img/content.box.2er.pixel.png) repeat-y; width: 456px; } #box_2er_content{ padding: 20px; background: url(img/content.box.2er.header2.png) no-repeat top left; } #box_2er_content .block { margin: 0px 10px; font-family: "Trebuchet MS"; font-size: 13px; } #box_2er_content div { } #box_2er_footer { background: url(img/content.box.2er.footer.png) no-repeat; width: 456px; height: 15px; font-size: 0px; font-family: Arial; } #box_2er_header { background: url(img/content.box.2er.header.png) no-repeat; width: 456px; height: 15px; font-size: 0px; font-family: Arial; } #box_2er_caption{ width: 400px; font-size: 16px; font-weight: bold; color: #AC7B46; border-bottom: solid 1px #e2dacf; } #box_2er a { color: #666; text-decoration: underline; cursor: pointer; } #box_2er a:hover{ color: #222; } #box_1er { width: 922px; font-size: 13px; color:#666; margin-left: 15px; float: left; } #box_1er_body { background: url(img/content.box.pixel.png) repeat-y; width: 922px; } #box_1er_content{ padding: 20px; background: url(img/content.box.header2.png) no-repeat top left; } #box_1er_content .block { margin: 0px 10px; } #box_1er_content div { } #box_1er_footer { background: url(img/content.box.footer.png) no-repeat; width: 922px; height: 15px; font-size: 0px; font-family: Arial; } #box_1er_header { background: url(img/content.box.header.png) no-repeat; width: 922px; height: 15px; font-size: 0px; font-family: Arial; } #box_1er_caption{ width: 870px; font-size: 16px; font-weight: bold; color: #AC7B46; border-bottom: solid 1px #e2dacf; } #box_1er a { color: #666; text-decoration: underline; cursor: pointer; } #box_1er a:hover{ color: #222; } #box_1er li { margin-bottom: 10px; } #box_1er ol { margin-top: 5px; } #box_1er ul { margin-top: 5px; list-style: none; } #map_container { width: 406px; border: solid 1px #BBB; background-color: white; } #map_container img { width: 400px; height: 400px; margin: 2px; border: solid 1px #e0d8c5; } /* general */ /***********/ #div_fix { clear: both; line-height:0px; font-size:0px; } .hide { display: none; } .hidden { visibility: hidden; } .bold { font-weight: bold; } .normal { font-weight: normal; } .blue { color: #0065ac; } .grey { color: #666; } .darkgrey { color: #222; } .brown { color: #AC7B46; } .alert { color: #F94E1C; } .info { color: #68A60B; } .left { float: left; } .right { float: right; } .center { text-align: center; } .underline { text-decoration: underline; } .bigger { font-size: 13px; } .normal { font-size: 12px; } .smaller { font-size: 11px; } .indent { margin-left: 15px; } .link { text-decoration: underline; cursor: pointer; } .line_null { line-height: 0px; } .space { height: 30px; } .space_small{ height: 10px; } .space_middle{ height: 20px; } .space_v { width: 10px; height:10px; float: left; } .span_micro { width: 30px; } .span_tiny { width: 45px; } .span_small { width: 80px; } .span_middle{ width: 130px; } .span_big { width: 180px; } .tab { margin-left: 20px; }