/* Html & Body */
html {
height: 100%;
min-height: 100%;
}
body {
background: url("img/shirtgalaxie_bg.gif") left top repeat;
font-size: 10px;
font-family: "Verdana", Trebuchet MS, Tahoma, Arial, sans-serif;
color: #6F6E6C;
line-height: 18px;
height: 100%;
min-height: 100%;
margin: 0;
padding: 0;
}
img {
border: 0;
}
/* Overall */
#overall {
position: relative;
background: url("img/overall_bg.jpg") top center repeat-y;
width: 959px;
height: 100%;
min-height: 100%;
padding: 0;
margin: 15px auto 0 auto;
}
body>#overall {
height: auto;
min-height: 100%;
}
#outer {
background: url("img/outer_bg.jpg") top left repeat-y;
/*background: #fff;*/
}
/* Header */
#header {
position: relative;
background: url("img/header_links.gif") top left no-repeat;
height: 106px;
padding: 0;
margin: 0;
}
#wkorb {
position: absolute;
top: 10px;
right: 12px;
width: 85px;
height: 45px;
padding: 10px;
margin: 0;
z-index: 500000;
}
#wkorb .wkorb_summe {
border-top: 1px solid #C1C0BE;
}
#header_right {
position: relative;
background: url("img/header_rechts.gif") top right no-repeat;
height: 106px;
padding: 0 120px 0 0;
margin: 0;
}
/* Logo */
.logo_link {
position: absolute;
top: 10px;
left: 5px;
padding: 0;
margin: 0;
z-index: 200;
}
.logo_link a {
text-decoration: none;
}
/* Nav Top */
#nav_top {
position: absolute;
bottom: 8px;
right: 50px;
list-style-type: none;
}
#nav_top li {
float: left;
margin: 0;
padding: 0 2px 0 2px;
color: #000;
}
#nav_top li a {
font-size: 11px;
color: #000;
text-decoration: none;
}
#nav_top li a:hover {
color: #C6A062;
}
#nav_top li a.active {
color: #C09F5A;
}
#nav_top li a.jobs {
color: #EC4400;
font-weight: bold;
}
#nav_top li a.jobs :hover {
color: #C6A062;
font-weight: bold;
}
.werbung {
position: absolute;
right: 60px;
bottom: 18px;
}
/* Leftbar */
#leftbar {
float: left;
width: 160px;
min-height: 100%;
height: 100%;
margin: 0;
padding: 10px 0 0 25px;
}
* html #leftbar {
height: 800px;
}
#leftbar img {
}
/* Nav Main */
#nav_main {
list-style-type: none;
margin: 0;
padding: 0;
line-height: 20px;
}
#nav_main li {
display: block;
margin: 0;
padding: 0;
}
#nav_main li a {
font-size: 11px;
color: #706E6F;
text-decoration: none;
font-weight: bold;
}
#nav_main li a:hover {
color: #C6A062;
}
#nav_main li a.active {
color: #C09F5A;
}
#nav_main li ul {
margin: 0 0 0 15px;
padding: 0;
}
#nav_main li ul li a{
font-size: 11px;
font-weight: normal;
}
/* Info Links */
#info_lk {
list-style-type: none;
margin: 0;
padding: 0;
width: 90%;
}
#info_lk li {
display: block;
margin: 0;
padding: 0;
}
#info_lk li a {
color: #8F8F8F;
font-size: 10px;
text-decoration: none;
}
#info_lk li a:hover {
color: #C6A062;
}
#info_lk li a.active {
color: #3F3F3F;
}
/* Newsletter */
.newsletter input {
width: 120px;
margin: 5px 0;
}
/* Content */
#content {
float: left;
position: relative;
width: 774px;
margin: 0;
padding: 0;
background: url("img/mitte_rechts.gif") #fff right top repeat-y;
min-height: 824px;
}
* html #content {
height: 824px;
}
#inner {
float: left;
position: relative;
background: #fff;
/*width: 598px;*/
width: 744px;
min-height: 824px;
height: 100%;
margin: 0 0 30px 0;
padding: 10px 10px 0 10px;
}
/* Cat */
#cat {
margin: 10px 0 0 0;
padding: 0;
text-align: right;
}
#cat a {
text-decoration: none;
}
#cat a img {
width: 60px;
}
/* Produkt Details */
.products_detail {
float: left;
border-bottom: 2px solid #C1C0BE;
width: 100%;
position: relative;
line-height: 14px;
min-height: 400px;
}
.products_detail img {
border: 1px solid #C1C0BE;
float: left;
margin: 0 30px 0 0;
}
.products_content {
width: 100%;
float: left;
padding: 0 0 30px 0;
}
* html .products_content {
width: 300px;
}
.products_options {
width: 270px;
position: absolute;
top: 0;
left: 180px;
z-index: 110;
}
.products_options img {
width: 40px;
margin: 0 10px 0 0;
}
.image_right {
position: absolute;
right: 0;
bottom: 0;
z-index: 1;
}
.image_right img {
border: 0;
margin: 0;
}
* html .image_right {
position: absolute;
float: right;
vertical-align: bottom;
height: 100%;
}
.beschreibung {
margin: 15px 0 0 0;
}
.hover img {
float: left;
padding: 0;
margin: 0;
height: 15px;
width: 15px;
border: 0;
}
.hover:hover {
cursor: pointer;
}
.price {
font-weight: bold;
font-size: 18px;
line-height: 24px;
margin: 0 5px 0 0;
}
.products_title {
font-size: 16px;
font-weight: bold;
}
/* Produkt */
.produkt {
float: left;
position: relative;
/*width: 180px;*/
width: 165px;
height: 250px;
margin: 10px 15px 10px 0;
padding: 5px 0 60px 0;
border: 1px solid #C1C0BE;
background: url("img/prod_bg.jpg") bottom left repeat-x;
}
* html .produkt {
margin: 5px 5px;
padding: 10px 0 50px 0;
}
.produkt img {
margin: 0 auto;
padding: 0;
border: 0;
}
.produkt span {
display: block;
height: 17px;
position: absolute;
left: 0px;
bottom: 10px;
color: #000;
font-size: 13px;
font-weight: bold;
padding: 0 10px 10px -5px;
vertical-align: bottom;
}
.produkt span img {
margin: 0 0 -3px 10px;
}
.produkt p {
display: block;
position: absolute;
top: 190px;
left: 4px;
margin: 15px 7px 0 7px;
text-align: left;
line-height: 12px;
}
.produkt a {
color: #000;
font-family: verdana;
font-size: 10px;
font-weight: normal;
}
.produkt span.info_price {
position: absolute;
bottom: 40px;
}
/* Copyright */
#copyclear {
clear: both;
height: 83px;
padding: 0;
margin: 0;
}
#copyright {
position: absolute;
bottom: 0;
left: 0;
padding: 10px 0 0 0;
margin: 0 0 0 150px;
}
#copyright a img {
margin: 10px 0 0 0;
}
/* Rightbar */
#rightbar {
position: relative;
float: left;
background: url("img/mitte_rechts.gif") #D8DCD8 left top repeat-y;
width: 147px;
height: auto;
margin: -5px 0 0 0;
padding: 0;
text-align: center;
}
* html #rightbar {
height: 820px;
}
#rightbar a {
text-decoration: none;
}
/* Footer */
#footer {
background: url("img/unten.gif") left top no-repeat;
height: 80px;
padding: 50px 0 0 0;
margin: 0;
}
#footer a {
margin: 0 0 0 10px;
}
#footer a img {
margin: 0 0 -3px 0;
}
/* Custom */
.clear {
clear: both;
}
.fl_left {
float: left;
}
.fl_right {
float: right;
}
/* Default */
a {
color: #8F8F8F;
text-decoration: none;
}
a:hover {
color: #C6A062;
}
h1 {
font-size: 180%;
margin: 1em 0 0.5em 0;
}
h2 {
font-size: 160%;
margin: 1em 0 0.5em 0;
}
h3 {
font-size: 140%;
margin: 1em 0 0.5em 0;
}
h4 {
font-size: 120%;
margin: 1em 0 0.5em 0;
}
h5 {
font-size: 100%;
margin: 1em 0 0.5em 0;
}
h6 {
font-size: 100%;
margin: 1em 0 0.5em 0;
text-decoration: underline;
}
p {
margin: 0.5em 0;
}
/*
##########################################################################
###################### XT - COMMERCE #####################################
##########################################################################
*/
.boxText {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
.boxTextBG {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
.boxTextBGII {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
.boxTextPrice {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #FF0000;
}
.errorBox {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
font-weight: bold;
}
.gvBox {
font-family : Verdana, Arial, sans-serif;
font-size : 14px;
font-weight: bold;
border-color: #FFFFFF;
border: 1px solid;
background-color: #ffb3b5;
}
.stockWarning {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color: #cc0033;
}
.productsNotifications {
background-color: #f2fff7;
}
.orderEdit {
font-family : Verdana, Arial, sans-serif;
font-size : 10px;
color: #70d250;
text-decoration: underline;
}
FORM {
display: inline;
}
TR.header {
background-color: #ffffff;
}
TR.headerNavigation {
background: #F6F6F6;
}
TD.headerNavigation {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
font-weight : bold;
border-bottom: 1px solid;
border-color: #b6b7cb;
background-color: #F6F6F6;
}
A.headerNavigation {
color: #ffffff;
}
A.headerNavigation:hover {
color: #0000ff;
}
TD.conditions {
margin: 20px 0 0 0;
background-color: #666666;
color: #fff;
}
A.confirmationEdit {
color: #red;
font-style: italic;
}
A.confirmationEdit:hover {
color: #red;
font-style: italic;
text-decoration: underline;
}
TR.headerError {
background-color: #ff0000;
}
TR.headerMessage {
background-color: #ff0000;
color: #ffffff;
}
TR.headerMessage font, TR.headerMessage b {
color: #fff;
}
.moduleHeading {
font-family: Verdana, Arial, sans-serif;
font-size: small;
font-weight: bold;
padding-bottom: 10px;
}
TD.headerError {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #ff0000;
color: #ffffff;
font-weight : bold;
text-align : center;
}
TR.headerInfo {
background: #00ff00;
}
TD.headerInfo {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
background: #00ff00;
color: #ffffff;
font-weight: bold;
text-align: center;
}
TR.footer {
background: #bbc3d3;
}
TD.footer {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #F6F6F6;
color: #000000;
font-weight : bold;
border-bottom: 1px solid;
border-color: #b6b7cb;
}
.infoBox {
}
.infoBoxContents {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
.infoBoxNotice {
background: #ffffff;
}
.infoBoxNoticeContents {
background: #eeeeee;
color: #ff0000;
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
TD.infoBoxHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
height:17px;
color: #C89F5F;
}
TD.infoBoxHeading_right {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
font-weight: bold;
background: #C4C4C4;
height:17px;
color: #000000;
}
TD.infoBox, SPAN.infoBox {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
TD.infoBox_right, SPAN.infoBox_right {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #E6E6E6;
}
TR.accountHistory-odd, TR.addressBook-odd, TR.alsoPurchased-odd, TR.payment-odd, TR.productListing-odd, TR.productReviews-odd, TR.upcomingProducts-odd, TR.shippingOptions-odd {
background: #f8f8f9;
}
TR.accountHistory-even, TR.addressBook-even, TR.alsoPurchased-even, TR.payment-even, TR.productListing-even, TR.productReviews-even, TR.upcomingProducts-even, TR.shippingOptions-even {
background: #f8f8f9;
}
TABLE.productListing {
border: 1px;
border-style: solid;
border-color: #b6b7cb;
border-spacing: 1px;
}
.productListing-heading {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
background: #b6b7cb;
color: #FFFFFF;
font-weight: bold;
}
TD.productListing-data {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
A.pageResults {
color: #6F6E6C;
text-decoration: underline;
}
A.pageResults:hover {
color: #C6A062;
}
TD.pageHeading, DIV.pageHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 16px;
font-weight: bold;
color: #e5b700;
}
TR.subBar {
background: #f4f7fd;
}
TD.subBar {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
}
TD.main, P.main {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
}
TD.smallText, SPAN.smallText, P.smallText {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
}
TD.accountCategory {
font-family: Verdana, Arial, sans-serif;
font-size: 13px;
color: #aabbdd;
}
TD.fieldKey {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
TD.fieldValue {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
}
TD.tableHeading {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
SPAN.newItemInCart {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #ff0000;
}
CHECKBOX, INPUT, RADIO {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #6F6E6C;
border: 1px solid #BCBCB8;
padding: 2px 0 0 0;
height: 16px;
}
SELECT {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
color: #6F6E6C;
border: 1px solid #6F6E6C;
}
TEXTAREA {
width: 100%;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
}
SPAN.greetUser {
font-family: Verdana, Arial, sans-serif;
font-size: 12px;
color: #E5B700;
font-weight: bold;
}
SPAN.underline {
text-decoration: underline;
}
TABLE.formArea {
background: none;
}
TD.formAreaTitle {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
font-weight: bold;
}
.copyright {
color: #01D5ED;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
text-align:center;
width: 1030px;
}
.parseTime {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
text-align:center;
width: 1030px;
}
A.copyright {
color: #6F6E6C;
}
A.copyright:hover {
color: #6F6E6C;
text-decoration: underline;
}
SPAN.markProductOutOfStock {
font-family: Tahoma, Verdana, Arial, sans-serif;
font-size: 12px;
color: #ffffff;
font-weight: bold;
}
SPAN.productSpecialPrice {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
}
SPAN.productOldPrice {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
margin: 0 0 0 33px;
font-size: 10px;
text-decoration: line-through;
}
SPAN.errorText {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
}
SPAN.productDiscountPrice {
font-family: Verdana, Arial, sans-serif;
color: #ff0000;
font-weight: bold;
}
.smallHeading {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: x-small;
font-weight: bold;
color: Black;
}
.moduleRow {
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
border-bottom: 1px solid;
border-color: #fff;
overflow: visible;
}
.moduleRowOver {
color: #ff0000;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
border-bottom: 1px solid;
border-color: #fff;
}
.moduleRowSelected {
color: #ff0000;
font-family: Verdana, Arial, sans-serif;
font-size: 11px;
line-height: 1.5;
border-bottom: 1px solid;
border-color: #fff;
}
.mra {
color: #706E6F;
text-decoration: none;
}
.mra:hover {
color: #C6A062;
text-decoration: none;
}
.catorgane {
display: block;
background: url("img/catbg_organe.gif") top left no-repeat;
width: 113px;
height: 17px;
padding: 1px 0 0 21px;
margin: 0;
font-size: 10px;
}
.catyellow {
display: block;
background: url("img/catbg_yellow.gif") top left no-repeat;
width: 113px;
height: 17px;
padding: 1px 0 0 21px;
margin: 0;
font-size: 10px;
}
.catred {
display: block;
background: url("img/catbg_red.gif") top left no-repeat;
width: 113px;
height: 17px;
padding: 1px 0 0 21px;
margin: 0;
font-size: 10px;
}
.catblack {
display: block;
background: url("img/catbg_black.gif") top left no-repeat;
width: 113px;
height: 17px;
padding: 1px 0 0 21px;
margin: 0;
font-size: 10px;
}
.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #6f6e6c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #6f6e6c; font-weight: bold; }
/* sitewide font classes */
/* Note: heading equals */
.heading1 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; }
.heading2 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }
.heading3 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }
.heading4 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; }
.heading5 { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 16pt; }
/* Sitemap Tables */
.sitemap_heading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF;
background-color: #666666;
padding-top: 2px; padding-bottom: 2px;}
.sitemap_heading a {color:#FFFFFF;}
.sitemap_heading a:hover {color:#CCCCCC; text-decoration:none;}
.sitemap_sub {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; color: #000000; background-color: #E6E6E6; padding: 2px 2px;}
.sitemap_sub a {color:#000000;}
.sitemap_sub a:hover {color:#999999; text-decoration:none;}
/* message box */
.messageBox { font-family: Verdana, Arial, sans-serif; font-size: 10px; }
.messageStackError, .messageStackWarning { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-family: Verdana, Arial, sans-serif; font-size: 10px; background-color: #99ff00; }
/* input requirement */
.inputRequirement { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #ff0000; }
.tableShop {
background-color: #ffffff;
border-left: 1px solid;
border-right: 1px solid;
border-color: #b6b7cb;
}
.contentsTopics {
font-family: Verdana, Arial, sans-serif;
font-size: 14px;
font-weight: bold;
}
.tableListingI {
background-color: #eeeeee;
}
.tableListingII {
background-color: #d0d0d0;
}
.tableBody {
padding: 5px;
}
.poweredby {
font-family: Verdana, Arial, sans-serif;
font-size: 10px;
color: #000000;
font-weight: bold;
}
.onepxwidth {
width: 1px;
}
/* Table Hover */
.arttab {
background: none;
}
.arttab_hover {
background: url("img/verlauf.jpg") 125px top repeat-y;
}
/* Price Star */
.pricestar {
background: url("img/star.gif") top left no-repeat;
width: 77px;
height: 55px;
padding: 20px 0 0 0;
margin: 0;
border: 0;
font-size: 12px;
text-align: center;
}