﻿/* -----------------------------------------------------------------------------------------
   stylesheet.css 2007-08-09

   Klasse-Schuhe
   http://www.klasse-schuhe.de

   (c)2007 - Design by Dominik Senko 
   ---------------------------------------------------------------------------------------*/

/* START: DOMI-DIV */

* {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
}

body {
	margin-top: 5px;;
}

	/* Struktur */
.pagecenter {
	text-align: center;
}
#container {
	margin: auto;
	text-align: left;
	width: 980px;
	background-image: url(img/container-left_bg.gif);
	background-position: left top;
	background-repeat: repeat-y;
}
#container-left {
	float: left;
	width: 185px;
	height: 550px;
	padding: 5px;
}
#container-right {
	float: right;
	width: 770px;
}
#content {
	float: left;
    width: 542px;
    padding-left: 8px;
}
#navRight {
	float: right;
	width: 180px;
	background-image: url(img/navright_bg.gif);
	background-position: left top;
	background-repeat: repeat-y;
	padding-left: 21px;
}

	/* Pfad & Account */
#top {
/*	border-top: 1px solid #1c41fc;
	border-bottom: 1px solid #1c41fc;*/
	height: 110px;
}

#topleft {
	float: left;
	width: 606px;
}

#topright {
	float: right;
	width: 164px;
	background-image: url(img/blume_bg.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
	height: 100%;
}

#path, #account {
	font-size: 11px;
	line-height: 1.7;
}

#account {
	background-color: #00549c;
	font-weight: bold;
	color: #ffffff;
	float: right;
	width: 80%;
	margin-top: 15px;
	padding-left: 15px;
	vertical-align: middle;
}

#account a {
	color: #ffffff;
}

#accountPath {
	background-color: #96b3e6; /*7c9fd9;*/
	line-height: 1.85;
	margin-bottom: 6px;
}

#path {
	background-color: #cfdef8;
	padding-left: 10px;
	padding-top: 30px;
}

.top-pic {
/*	float: right;
	height: 108px;
	width: 165px;*/
	background-image: url(img/blume_bg.jpg);
	background-position: right bottom;
	background-repeat: no-repeat;
}

	/* ... */
.clear {
	clear: both;
}
.clAccount {
	line-height: 0.3;
}
.clTop {
	height: 20px;
}

.clBottom {
	height: 10px;
}

#content {
	font-size: 11px;
	line-height: 1.5;
}

#footer {
	font-size: 9px;
	text-align: center;
	background-color: #00549c;
/*	background-color: #39c9ff;*/
/*	background-color: #1c41fc;*/
	color: #FFFFFF;
	line-height: 22px;
}

.copyright {
	color: #b3b3b3;
	font-size: 9px;
	line-height: 4;
	text-align:center;
}

.copyright a {
	color: #b3b3b3;
	text-decoration: none;
}
.copyright a:hover {
	color: #7d7d7d;
}

img{
	border:0;
}

	/* Links */
a {
	color: #243f8f;
	text-decoration: none;
}

a:hover {
	color: #243ff4;
	text-decoration: underline;
}

/* Pathway links:

a.headerNavigation { 
	color: #000000; 
}

a.headerNavigation:hover {
	color: #000000;
}*/


/* ENDE: DOMI-DIV */


/* Überschriften blau machen */
.contentsTopics, h1.important {
	color: #00549c;
}


h1.important {
	font-size: 15px;
}

h2.important {
	font-size: 13px;
}

h3.important {
	font-size: 11px;
}



.boxText { 
}

/* Neue Artikel Hintergrund */
.boxTextBG {
	background-color: #cfdef8;
}
/* Artikel-Entfernen-Spalte im Warenkorb */
.boxTextBGII {
	background-color: #FFCC99;
}

.errorBox {
	font-weight: bold;
	background-color: #ffb3b5;
}

FORM {
	display: inline;		   
}

.infoBox {
}

.infoBoxContents {
}

.infoBoxNotice {
  background: #FF8E90;
}

.infoBoxNoticeContents {
  background: #FFE6E6;
}

/* Überschriften Module links */
/* Überschriften Module rechts */
TD.infoBoxHeading, TD.infoBoxHeading_right {
  font-weight: bold;
  background: #00549c;
  height:17px;
  color: #FFFFFF;
  padding-left: 3px;
}

TD.infoBoxHeading_pic_left {
	background-image: url(img/menu_links_eck.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

TD.infoBoxHeading_pic_right {
	background-image: url(img/menu_rechts_eck.gif);
	background-position: left top;
	background-repeat: no-repeat;
}

/* Hintergründe der Module links */
TD.infoBox, SPAN.infoBox {
/*  border-right: 3px solid;
  background: #e0e5fd; 
  border-color: #a5b3fd;*/
  background-color: #e6edf8;
  border: 1px solid #00549c;
  border-top: none;
}

/* Hintergründe der Module rechts */
TD.infoBox_right, SPAN.infoBox_right {
/*  background: #e0e5fd;*/
  border: 1px solid #00549c;
  border-top: none;
}

TD.noBorderBottom {
	border-bottom: none;
}

/* Willkommens-Überschrift auf index.html */
TD.pageHeading, DIV.pageHeading {
  font-size: 16px;
  font-weight: bold;
  color: #000000;

}
TD.pageHeading table tr td, DIV.pageHeading table tr td {
  font-size: 16px;
}

CHECKBOX, INPUT, RADIO, SELECT {
	font-size: 11px;
}

TEXTAREA {
  width: 100%;
  font-size: 11px;
}

/* Username, zumindest auf Startseite */
SPAN.greetUser {
  font-size: 12px;
/*  color: #f0a480;*/
  color: #f5832c;
  font-weight: bold;

}

SPAN.underline {
  text-decoration: underline;
}

.parseTime {
  color: #b3b3b3;
  font-size: 8px;
  line-height: 1.5;
  text-align:center;
}

/* Kategorie-Links Hintergrund */
.moduleRow {
  font-size: 11px;
  line-height: 1.5;
/*  background-color: #e0e5fd;*/
  border: 1px solid;
  border-color: #e6edf8;
}

.moduleRowOver { 
	border: 1px solid #e6edf8;
/*	border-color: #f09b00;
	background-color: #e6edf8; */
	font-size: 11px;
	line-height: 1.5; 
}

/* sitewide font classes */
/* Note: heading<Number> equals <font size="Number"> */
.heading1 { font-size: 7pt; }
.heading2 { font-size: 9pt; }
.heading3 { font-size: 10pt; }
.heading4 { font-size: 12pt; }
.heading5 { font-size: 16pt; }


/* Sitemap Tables */
.sitemap_heading {
    color: #FFFFFF; 
	background-color: #1c41fc;
	padding-top: 2px; padding-bottom: 2px;}
.sitemap_heading a {
  color:#FFFFFF;
}
.sitemap_heading a:hover {
  color:#CCCCCC;
  text-decoration:none;
}

.sitemap_sub {
  font-size: 9pt;
  color: #000000;
  background-color: #e0e5fd;
  padding: 2px 2px;
}
.sitemap_sub a {
  color:#000000;
}
.sitemap_sub a:hover {
  color:#999999;
  text-decoration:none;
}

/* input requirement - Sternchen Pflichtfelder */
.inputRequirement {
  color: #ff0000;
}

/* Content-Bereich Überschriften */
.contentsTopics {
	font-size: 14px;
	font-weight: bold;
}







/* Kein Plan */
.boxTextPrice {
	color: red; /*#FF0000;*/
}
.gvBox {
	font-size : 14px;
	font-weight: bold;
	border-color: #FFFFFF;
	border: 1px solid;
	background-color: #ffb3b5;
}
.stockWarning { 
	color: #cc0033;
}
.productsNotifications {
	background-color: #f2fff7;
}
.orderEdit { 
	color: #70d250;
	text-decoration: underline;
}
TR.header {
	background-color: #ffffff;
}

TR.headerNavigation {
  background: #F6F6F6;
}

TD.headerNavigation {
	color: #000000;
	font-weight : bold;
	border-bottom: 1px solid;
	border-color: #b6b7cb;
	background-color: #F6F6F6;
}
TD.conditions {
  background-color: #FFCCCC;
}

A.confirmationEdit {
	color: #009933;
	font-style: italic;
}
A.confirmationEdit:hover {
	color: #009933;
	font-style: italic;
	text-decoration: underline;
}
TR.headerError {
  background-color: #ff0000;
}
TD.headerError {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}
TR.headerMessage {
	background-color: #00CC33;
}
.moduleHeading {
	font-size: small;
	font-weight: bold;
	padding-bottom: 10px;
}
TR.headerInfo {
  background: #00ff00;
}
TD.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}
TR.footer {
  background: #bbc3d3;
}
TD.footer {
  background: #F6F6F6;
  color: #000000;
  font-weight : bold;
  border-bottom: 1px solid;
  border-color: #b6b7cb;
}
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 {
  background: #b6b7cb;
  color: #FFFFFF;
  font-weight: bold;
}
TD.productListing-data {
}
A.pageResults {
	color: #0000FF;
	text-decoration: underline;
	background-color: red;
}
A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}
TR.subBar {
  background: #f4f7fd;
}
TD.subBar {
  color: #000000;
}
TD.smallText, SPAN.smallText, P.smallText {
}
TD.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}
TD.fieldKey {
  font-size: 12px;
  font-weight: bold;
}
TD.fieldValue {
  font-size: 12px;
}
TD.tableHeading {
  font-size: 12px;
  font-weight: bold;
}
SPAN.newItemInCart {
  color: #ff0000;
}
TABLE.formArea {
  background: #f1f1f1;
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
}
TD.formAreaTitle {
  font-size: 12px;
  font-weight: bold;
}
SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}
SPAN.productSpecialPrice {
  font-size: 12px;
  color: #ff0000;
  /*color: #009149;*/
}
SPAN.productOldPrice {
	color: #000000;
	text-decoration: none;
}
SPAN.linethroughPrice {
  color: #000000;
  text-decoration: line-through;
}
SPAN.errorText {
  color: #ff0000;
}
SPAN.productDiscountPrice {
  color: #ff0000;
  font-weight: bold;
}
.smallHeading {
	font-size: x-small;
	font-weight: bold;
	color: Black;
}
.moduleRowSelected { background-color: #E9F4FC; }
.checkoutBarFrom, .checkoutBarTo { color: #8c8c8c; }
.checkoutBarCurrent { color: #000000; }

/* message box */
.messageStackError, .messageStackWarning {
  background-color: #ffb3b5;
}
.messageStackSuccess {
  background-color: #99ff00;
}

.tableShop {
  background-color: #ffffff;
  border-left: 1px solid;
  border-right: 1px solid;
  border-color: #b6b7cb;
}
/*.navLeft {
  border-right: 1px solid;
  border-color: #b6b7cb;
  background-image: url(img/bg_left_column.jpg);
  width: 185px;

}
.navRight {
	border-color: #1c41fc;
	border-top-width: 4px;
	border-top-style: solid;
	border-left-width: 4px;
	border-left-style: solid;
	background-color: #e0e5fd;
	width: 185px;
}*/
.tableListingI {
	background-color: #eeeeee;
}
.tableListingII {
	background-color: #d0d0d0;
}
.tableBody {
	padding: 5px;
}
.poweredby {
	color: #000000;
	font-weight: bold;
}
.onepxwidth {
	width: 1px;
}