/*
  $Id: stylesheet.css,v 1.56 2003/06/30 20:04:02 hpdl Exp $

  osCommerce, Open Source E-Commerce Solutions
  http://www.oscommerce.com

  Copyright (c) 2003 osCommerce

  Released under the GNU General Public License
*/

HTML { height: 100%; }

BODY {
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 1.5em;
	color: #333333;
	background: #b5b5b5 url(images/template/background.gif) repeat-x;
	height: 100.02%;
	position: relative;
	margin: 0;
}

CENTER {
	padding-top: 10px;
	padding-bottom: 20px;
}

#border {
	border: 2px #868686 solid;
	width: 990px;
	margin: auto;
}

#outertable {
	border: 1px #393939 solid;
	background: #fff;
}

/* Hiermit werden die Randabstände und border aller HTML-Elemente auf Null gesetzt.
Damit wird das Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. */
* { margin:0; padding:0; font-size: 100%; }

#footer {
	padding: 10px;
	background: #d9dbda url(images/template/footer.gif) no-repeat;
}

#content_bg {
	width: 650px;
	min-height: 290px;
	background: #ffffff;
	margin: 0;
	padding: 0;
	background: url(images/template/main_bg.gif) no-repeat;
}

#content {
	width: 608px;
	padding-top: 16px;
	margin-left: 20px;
	margin-right: 20px;
}




/* Formatierung der Spalten und Boxen
****************************************************************************/

#col_left_bg {
	width: 170px;
	background: url(images/template/col_left_bg.gif) repeat-y top;
}

#col_left {
	width: 170px;
	background: url(images/template/col_left_top.gif) no-repeat;
	padding-top: 6px;
	padding-bottom: 20px;
}

#col_left .infoBox {
	width: 165px;
}

A.col_left {
	font-size: 14px;
	color: #29166f;
	line-height: 24px;
	margin-left: 12px;
	margin-right: 12px;
	text-decoration: none;
}

A.col_left:hover {
	padding-left: 1px;
	color: #da251d;
	text-decoration: none;
}

#col_right_bg {
	width: 170px;
	background: url(images/template/col_right_bg.gif) repeat-y top;
}

#col_right {
	width: 170px;
	background: url(images/template/col_right_top.gif) no-repeat;
	padding-top: 6px;
	padding-bottom: 20px;
}

#col_right .infoBox {
	width: 165px;
}

A.col_right {
	font-size: 14px;
	color: #29166f;
	line-height: 24px;
	margin-left: 12px;
	margin-right: 12px;
	text-decoration: none;
}

A.col_right:hover {
	padding-left: 1px;
	color: #da251d;
	text-decoration: none;
}




/* Formatierung der Texte, Links & Grafiken
****************************************************************************/

/* h1: Hauptüberschrift; h2: Unterüberschrift; h3: Wichtige Texte ohne Abstand*/
H1 { font-size: 16px; font-weight: bold; color: #29166f; }
H2 { font-size: 15px; font-weight: bold; color: #29166f; margin: 0 0 0.6em 0; }
H3 { font-size: 13px; font-weight: bold; color: #333333; margin: 0 0 0.5em 0; }
H4 { font-size: 12px; font-weight: bold; color: #29166f; margin: 0 0 0.5em 0; padding-bottom: 3px; }

.h1_specification {
	font-size: 12px;
	font-style: italic;
	margin-left: 8px;
}

/* Fließtext */
P, P.main, TD.main {
	font-weight: normal;
	font-size: 12px;
	color: #333333;
	line-height: 1.4em;
	margin: 0 0 0.5em 0;
}

/* Links */
A:link { color: #da251d; text-decoration: none; }
A:visited { color: #da251d; text-decoration: none; }
A:active { color: #da251d; text-decoration: none; }
A:hover { color: #da251d; text-decoration: none; }

#content A:link, #content A:visited { color: #29166f; text-decoration: none; }
#content A:active, #content A:hover { color: #da251d; text-decoration: none; }

#footer { font-size: 11px; color:#888; padding-top: 30px; }
#footer A { color: #888; }
#footer A:link { color: #888; }
#footer A:visited { color: #888; }
#footer A:hover { color: #da251d; }
#footer A:active { color: #da251d; }

IMG.header_img { border: 0; }
IMG.random_img { border: 0; }

OL, UL {
	margin-left: 23px;
}




/* Formatierung der Tabellen, Formulare, Listen usw.
****************************************************************************/
HR {
	color: #bbbbbb;
	background-color: #bbbbbb;
	height: 1px;
	border: 0px;
	margin: 12px 0 12px 0;
}

/* Benutzermenüleiste */
.headerNavigation {
	font-size: 12px;
	color: da251d;
	padding: 6px 20px 0 20px;
}
.headerNavigation a:link, .headerNavigation a:visited {
	color: #29166f;
}
.headerNavigation a:active, .headerNavigation a:hover {
	color: #da251d;
}

/* Seitenkopf */
TABLE.pageHeading {
	margin: 0.2em 0 0.9em 0;
}

TD.pageHeading, DIV.pageHeading {
	padding-bottom: 3px;
	border-bottom: 1px #888888 solid;
}

TD.category_description {
	padding: 10px 2px 0;
}

/* Inputfelder */
TD.fieldKey {
	height: 22px;
	font-size: 12px;
	width: 15%;
}

TD.fieldValue {
	font-size: 12px;
}

TD.fieldValue input, TD.fieldValue select {
	width: 160px;
}

#contact_us TD.fieldKey {
	width: 20%;
}

#create_account TD.fieldKey {
	width: 20%;
}

#create_account .main input, #create_account .main select, #login .main input {
	width: 150px;
}

#product_info TD.fieldValue select {
	width: 200px !important;
}

#product_info TD.fieldValue input {
	width: 30px;
}

#tell_a_friend TD.fieldKey {
	width: 26%;
}




/* Seitennavigation */
.siteNavigation {
	margin-top: 20px;
}






FORM {
	display: inline;
}

TR.header {
	background: #ffffff;
}


TR.headerError {
	background: #ff0000;
}

TD.headerError {
	font-size: 12px;
	background: #ff0000;
	color: #ffffff;
	font-weight : bold;
	text-align : center;
}

TR.headerInfo {
	background: #00ff00;
}

TD.headerInfo {
	font-size: 12px;
	background: #00ff00;
	color: #ffffff;
	font-weight: bold;
	text-align: center;
}



/* Infoboxen
****************************************************************************/
.infoBox {
}

/* Infoboxen Header */
.infoBoxHeading {
	font-size: 13px;
	font-weight: bold;
	color: #da251d;
	height: 28px;
	padding-left: 5px;
	padding-top: 2px;
}

#col_left .infoBoxHeadingBg {
	background: url(images/template/col_left_head.gif) no-repeat;
}

#col_right .infoBoxHeadingBg {
	background: url(images/template/col_right_head.gif) no-repeat;
}

.infoBoxHeading IMG {
	margin-left: 5px;
}

.infoBoxContents {
	margin: 0 5px 0 5px;
	font-size: 12px;
}
.infoBoxContents a:link, .infoBoxContents a:visited {
	color: #29166f;
}
.infoBoxContents a:active, .infoBoxContents a:hover {
	color: #da251d;
}

#col_left .infoBoxContents IMG, #col_right .infoBoxContents IMG {
	margin: 0 4px 5px 0;
}

.infoBoxNotice {
	background: #FF8E90;
}

.infoBoxNoticeContents {
	background: #FFE6E6;
	font-size: 11px;
}

#content .infoBoxHeading {
	font-size: 15px;
	font-weight: bold;
	color: #29166f;
	padding: 0 0 0.6em 0;
}




/* Formatierungen in help.php */
.helpContentHeader {
	font-size: 13px; font-weight: bold; color: #333333; margin: 0 0 1.2em 0;
}

.helpRelatedTopics {
	padding-bottom: 5px;
}

.helpBoxHeading {
	font-size: 13px;
	font-weight: bold;
	color: #da251d;
	padding-bottom: 6px;
}

.helpBoxContent {
	padding-left: 8px;
	padding-bottom: 5px;
}




/* Infoboxen Texte */
SPAN.boxText {
	font-size: 12px;
}

TD.boxtext SELECT{
	width: 90%;
}

/* Listenformatierungen */
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: #f2f2f2;
}

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: #fafafa;
}

TABLE.productListing {
	color: #333333;
	border: 1px;
	border-style: solid;
	border-color: #888888;
	border-spacing: 1px;
	margin-bottom: 5px;
}

.productListing-heading {
	height: 18px;
	font-size: 12px;
	color: #333333;
	background: #dbdbdb;
	font-weight: bold;
	padding: 0 2px;
}

TD.productListing-data {
	font-size: 12px;
	padding: 4px;
}

.productListing-name {
	font-size: 13px;
	font-weight: bold;
}

.productListing-price {
	font-size: 16px;
	font-weight: bold;
	color: #0033cc;
}

.productSpecialPrice {
	font-size: 16px;
	font-weight: bold;
	color: #da251d;
}

/* Design der Produktdetailseite */
#product_info TD.fieldKey, #product_info_print TD.fieldKey {
	height: 22px;
	font-size: 12px;
	width: 20%;
}

#product_info .productListing-price {
	font-size: 18px;
}

#product_info .productSpecialPrice {
	font-size: 18px;
}

#product_info_pics_left {
	float: left;
	margin: 0 10px 10px 0;
	padding: 5px 20px 5px 0;
	border-right: 1px solid #ccc;
	border-left: 0px;
}

#product_info_pics_right {
	float: right;
	margin: 0 0 10px 10px;
	padding: 5px 0 5px 20px;
	border-left: 1px solid #ccc;
	border-right: 0px;
}

#product_info_pics_left TD, #product_info_pics_right TD {
	padding: 5px 0;
}



#relatedproducts .productListing-price, #newproducts .productListing-price {
	font-size: 13px;
}

#relatedproducts .productSpecialPrice, #newproducts .productSpecialPrice {
	font-size: 13px;
}

.newproducts_box {
	width: 190px;
	padding: 2px;
	margin: 5px;
	border: 1px solid #BBB;
	background: #FAFAFA;
}

.newproducts_box_img {
	width: 80px;
	height: 80px;
}

A.pageResults {
	color: #0000FF;
}

A.pageResults:hover {
	color: #0000FF;
}

TR.subBar {
	background: #f4f7fd;
}

TD.subBar {
	font-size: 11px;
	color: #000000;
}

TD.smallText, P.smallText {
	font-size: 11px;
	color: #666;
}

SPAN.smallText {
	font-size: 10px;
	color: #666;
}

TD.accountCategory {
	font-size: 13px;
	color: #aabbdd;
}

SPAN.newItemInCart {
	font-size: 12px;
	color: #ff0000;
}

CHECKBOX, INPUT, RADIO, SELECT {
	font-family: Arial, Sans-Serif;
	font-size: 12px;
}

TEXTAREA {
	width: 100%;
	font-family: Arial, Sans-Serif;
	font-size: 12px;
}

SPAN.greetUser {
	font-size: 12px;
	color: #da251d;
	font-weight: bold;
}

TABLE.formArea {
	background: #f1f9fe;
	border-color: #7b9ebd;
	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.errorText {
	color: #da251d;
}

.orderEdit {
	font-size : 11px;
}

tr.moduleRow:hover { background-color: #dddddd; }

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 11px; color: #000000; }

.errorBox { font-size : 11px; background: #ffb3b5; font-weight: bold; }
.stockWarning { font-size : 11px; color: #cc0033; }
.productsNotifications { background: transparent; }

/* Mitteilungsboxen */
.messageBox { font-size: 11px; }
.messageStack { vertical-align: top; padding-bottom: 10px; }
.messageStackError, .messageStackWarning { font-size: 12px; background-color: #ffb3b5; padding: 3px 4px 3px 4px;  }
.messageStackSuccess { font-size: 12px; background-color: #b3deff; padding: 3px 4px 3px 4px; }

/* Notwendige Eingabefelder */
.inputRequirement { font-size: 11px; color: #ff0000; padding-top: 5px; }

/* Popupfenster */
#popupstyle {
	background: #ffffff;
	margin: 10px;
	font-family: Arial, Sans-Serif;
	font-weight: normal;
	font-size: 12px;
	color: #333333;
}

#popupstyle .infoBoxHeading {
	font-size: 13px;
	font-weight: bold;
	color: #29166f;
	height: 25px;
	border-bottom: 1px #888888 solid;
}

#popupstyle .infoBox {
	margin-top: 11px;
}

#popupstyle .boxText {
	font-size: 12px;
	color: #333333;
}

#popupstyle hr {
	margin: 5px 0 5px 0;
}


#product_info_print * {
	background: #FFFFFF;
	color: #000000;
}

#product_info_print HR {
	color: #888888;
	background-color: #888888;
	height: 1px;
	border: 0px;
	margin: 12px 0 12px 0;
}

@media print
{

#col_left_bg, #col_right_bg { display: none; }

}