/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css 1262 2005-09-30 10:00:32Z mz $   

   XT-Commerce - community made shopping
   http://www.xt-commerce.com

   Copyright (c) 2004 XT-Commerce 
   -----------------------------------------------------------------------------------------
   based on: 
   (c) 2000-2001 The Exchange Project  (earlier name of osCommerce)
   (c) 2002-2003 osCommerce(stylesheet.css,v 1.54 2003/05/27); www.oscommerce.com 
   (c) 2003	 nextcommerce (stylesheet.css,v 1.7 2003/08/13); www.nextcommerce.org

   Released under the GNU General Public License 
   ---------------------------------------------------------------------------------------*/

/* cross_selling */
#cross_selling {font-size:11px}
#cross_selling img {border:#999999 1px solid} 
.infoBoxHeading {font-size:11px}
.main {font-size:11px}

.errorBox {
	font-family : Verdana, Arial, sans-serif;
	font-size : 10px;
	font-weight: bold;
	background-color: #D1D1D1;
	border: solid 1px #CC0000;
}
.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;
}




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;
}


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;
}

TR.headerMessage {
	background-color: #00CC33;
}

.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;
}


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: #0000FF;
	text-decoration: underline;
}

A.pageResults:hover {
  color: #0000FF;
  background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
  font-family: Verdana, Arial, sans-serif;
  font-size: 16px;
  font-weight: bold;
  color: #000000;
}

TR.subBar {
  background: #f4f7fd;
}

TD.subBar {
  font-family: Verdana, Arial, sans-serif;
  font-size: 10px;
  color: #000000;
}



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;
}



SPAN.greetUser {
  font-family: Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #f0a480;
  font-weight: bold;
}

SPAN.underline {
	text-decoration: underline;
}

TABLE.formArea {
  background: #f1f1f1;
  border-color: #cccccc;
  border-style: solid;
  border-width: 1px;
}

TD.formAreaTitle {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

.copyright {
  font-family: Verdana, Arial, sans-serif;
  font-size: 11px;
  line-height: 1.5;
  text-align:center;
}

A.copyright {
  color: #000000;
}
A.copyright:hover {
  color: #0000ff;
  text-decoration: underline;
}


SPAN.markProductOutOfStock {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 12px;
  color: #c76170;
  font-weight: bold;
}

SPAN.productSpecialPrice {
  font-family: Verdana, Arial, sans-serif;
  color: #ff0000;
}
SPAN.productOldPrice {
	font-family: Verdana, Arial, sans-serif;
	color: #ff0000;
	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;
}



.checkoutBarFrom, .checkoutBarTo { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-family: Verdana, Arial, sans-serif; font-size: 10px; color: #000000; }


/* Sitemap Tables */
.sitemap_heading {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; color: #FFFFFF; 
	background-color: #37638C; 
	padding-top: 2px; padding-bottom: 2px; padding-left: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; }







/**allgemeines styling **/
.copyright, .parseTime, .poweredby {display:none;}
body {margin:0px; padding:0px; background: url(img/bg2.jpg) #f5f2ec;}
img {border:0px}
p.p1 {margin:0px; padding:0px}
form {display: inline;}
.site_bg { background-color:#f5f2ec; border:solid 1px #9b9b9b}



/**grundsätzliche formatierung**/
#kopfzeile {}
#linke_spalte, #rechte_spalte {width:176px; }
#mittlere_spalte {width:638px; text-align:left; }
#fusszeile {}
#mitte {margin: 12px 10px 0px 10px}
#header {height:123px; position:relative; background:url(img/head_1.jpg) no-repeat;}

/**allgemeine textformatierungen**/
#mitte, #links, #rechts {font-family: Arial, sans-serif; font-size: 12px; }
h1 {font-family: Arial, sans-serif; font-size: 14px; text-transform:uppercase; font-weight:bold; color:#ffffff; line-height:27px; margin:0 0 0 20px;}
h1 a, h1 a:hover {color:#ffffff}
h2 {font-family: Arial, sans-serif; font-size: 12px; color:#ffffff;}
h3 {font-family: Arial, sans-serif; font-size: 12px; text-transform:uppercase; color:#000000; font-weight:bold; line-height:1;}
h4 {font-family: Arial, sans-serif; font-size: 12px; font-weight:normal; color:#000000}
h6 {font-family: Arial, sans-serif; font-size: 14px; text-transform:uppercase; font-weight:bold; color:#ffffff; line-height:27px; padding-left:85px; margin-top:0px}
*html h6 {margin-bottom:-20px}
.mainText {font-size:11px !important}

.text10 {font-family:Arial, sans-serif; font-size: 10px; color: #FFffff;}
a {color: #000000; text-decoration: none;}
a:hover {color: #000000; text-decoration: underline !important;}
CHECKBOX, INPUT, RADIO, SELECT {font-family: Arial, sans-serif; font-size: 11px}
TEXTAREA {width: 100%; font-family: Arial, sans-serif; font-size: 11px;}



/** styling für die kopfnavigation **/
div#topnav {background:url(img/head_2.jpg) no-repeat; width:990px; height:45px; text-align:left; white-space:nowrap}
#topnav a, #topnav a:visited {background: url(img/topnav_trenner.gif) no-repeat right top; display:block; color:#ffffff; font: bold 14px Arial; text-decoration:none;  line-height:40px; position:relative; float:left; padding: 0px 17px 0px 17px}

#topnav a:hover {background: url(img/topnav_hover.gif) no-repeat right top; font: bold 14px Arial; text-decoration:none; line-height:40px}
a.top_cart {background:url(img/cart_bg.gif) no-repeat !important; padding:0px 17px 0px 35px !important;}
a.top_cart:hover {background:url(img/cart_bg_ov.gif) no-repeat !important;}


/**styling für den navtrail**/
div#navtrail {width:990px; height:13px; margin:2px 0px; text-align:left;}
#navtrail a, #navtrail {font-family:Arial, sans-serif; font-size: 10px; color: #6f6f6f;}


/**styling für die fussnavigation**/
#fusszeile {background:url(img/fuss_bg.gif) repeat-x; width:990px; height:64px; text-align:center}
#fussnav, #fussnav a {font-family: Arial, sans-serif; font-size: 11px; color:#ffffff; text-decoration:none; padding-top:22px}
#fussnav a:hover {text-decoration:underline}

#xtc_copyright {font-family:Arial, sans-serif; font-size: 9px; color: #6f6f6f;} 
#xtc_copyright a {text-decoration:underline} 
#xtc_copyright a:hover {text-decoration:none; color:#000000}


/**styling der kategorienavigation**/
#box_kategorien br {display:none}
#box_kategorien div {background:url(img/navi_bg.gif) repeat-y; padding:0px 0px 0px 3px; overflow:hidden; width:173px;}

#box_kategorien div a {font-family:arial, sans-serif; color:#ffffff !important; font-size: 11px;}
#box_kategorien div a:hover {color:#003251; text-decoration:none}
#box_kategorien div b {color:#1D3251; text-decoration:none}

.moduleRow {border-bottom: 1px solid #c9d9e3; background:none}
.moduleRowOver {border-bottom: 1px solid #c9d9e3; background:none repeat-y; color:#003251;}
	
.moduleRowSelected {background:none repeat-y;color:#003251;}
.moduleRowSelected a, .moduleRowOver a {color:#003251 !important}

a.unterkat, a.hauptkat {display:block; width:141px; line-height:18px; padding-left: 28px}

a.unterkat b {font-weight:bold;}
a.unterkat { padding-left:40px; width:129px; background:url(img/navi_uk.gif) no-repeat}
a.unterkat:hover {text-decoration:underline !important;}

a.hauptkat {background:url(img/navi.gif) no-repeat}
a.hauptkat:hover {background:url(img/navi_ov.gif) no-repeat}



/**styling für die boxen rechts und links **/
.kl_box {padding-top:10px}

.kl_box_kopf {background:url(img/kl_box_kopf.gif) no-repeat; width:176px; height:32px;}
.kl_box_kopf p.p1 {font-family:Arial, sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold; color:#ffffff; padding:12px 0 0 0; text-align:center}

.kl_box_mitte {background:url(img/kl_box_mitte.gif) repeat-y #4a92c1; width:176px; align:center}
.kl_box_mitte div.p1 {font-family:Arial, sans-serif; font-size:12px; text-transform:; color:#ffffff; padding:10px 12px 5px 15px;text-align:left;}

#box_callback .kl_box_mitte div.p1 {padding:1px 0px 0px 0px; text-align:center}

.kl_box_fuss {background:url(img/kl_box_fuss.gif) no-repeat; width:176px; height:15px}


/**styling der einzelnen boxen**/
/**styling für die suchbox**/
#box_search a {color:#ffffff; text-transform:none; line-height:10px;}
#erweitsuche {margin-top:7px;}
.searchinput {width:90px}
.searchbtn {vertical-align:middle; padding-left:5px; margin-top:-3px}
*html .searchbtn {margin-top:-5px}
td.e_search input {width:320px !important}

/**styling für die loginbox**/
#box_login div {text-transform:none}
.loginbtn {vertical-align:middle; padding-left:5px; margin-top:-3px}
.passinput {width:90px}
.emailinput {width:140px}

/** styling für bestseller und neuheiten **/
#box_neuheiten div, #box_bestseller div {text-align:center}
div#box_bewertungen a{ color:#FFFFFF !important; font-size:11px; padding-left:8px}
.a_name_promo {text-transform:none; font-weight:bold; color:#ffffff}
.a_name_promo:hover {color:#ffffff}
img.promo {margin:5px 0px 5px 0px; max-width:140px}
div.promo_infos {text-align:right !important; width:100%; text-transform:none;}
div.promo_infos a {color:#ffffff}
.button_promo {padding:6px 0px 0px 0px}
.price {font-family:Arial, sans-serif; font-size: 12px; color: #FFffff;}

/**styling für die warenkorbbox**/
#box_warenkorb div {text-transform:none;text-align:center}
#box_warenkorb div a {color:#ffffff}
.cartbtn img {padding-top:5px}

#box_admin div a {color:#ffffff}
#box_infobox div {text-align:center; text-transform:none}
#box_information div a{color:#ffffff; text-transform:none}
#box_content div a {color:#ffffff; text-decoration:none}
#box_languages {}
#box_currencies {}
#box_last_viewed {}



/**styling für die listenansicht**/
.gr_box {margin-bottom:15px;}
.gr_box_kopf {background: url(img/gr_box_kopf.gif) no-repeat; width:618px; height:27px;}
.gr_box_kopf p.p1 {padding:6px 0 0 85px;font-family:Arial, sans-serif; font-size:12px; text-transform:uppercase; font-weight:bold;}
.gr_box_kopf h6 a {color:#ffffff}
.gr_box_kopf h6 a:hover {color:#ffffff; text-decoration:underline;}
.gr_box_mitte {border-left:2px solid #d1d1d1;border-right:2px solid #d1d1d1; background-color:#ffffff; width:614px;}
*html .produktinfo .gr_box_mitte {width:618px;}
*+html .produktinfo .gr_box_mitte {width:618px;}
.gr_box_mitte div.p1 {padding: 10px; position:relative;}
.gr_box_fuss {background: url(img/gr_box_fuss.gif); width:618px; height:18px;}

.paging {}

.a_pic {width:100px; vertical-align:middle}
img.pic_list1 {max-width:100px}
.a_desc {font-family:Arial, sans-serif; font-size:12px; text-transform:none; vertical-align:top; color:#000000; padding:0px 10px 0px 10px}
.a_price {width:200px; height:125px; text-align:right; vertical-align:bottom}
.price_div {background: url(img/price_bg.gif) no-repeat; width:194px; height:52px; position:relative; margin-left:15px;margin-right:-9px; margin-bottom:-9px; color:#ffffff; font-size:30px; padding-top:2px; text-align:center; display:block;}
.price_div span a {color:#ffffff}
.price_infos {height:100%; vertical-align:top; margin-bottom:-35px;}
a.a_mehr {color:#fc7216;text-decoration:none !important; font-weight:bold; background:url(img/indent.gif) no-repeat; white-space:nowrap;}
a.a_mehr:hover {text-decoration:underline; background:url(img/indent_ov.gif) no-repeat; color:#000000}

.price_div .productOldPrice, .price_div br {display:none}
.unterkategorien {display:block; width:160px; height:21px; text-align:left; padding-left:30px; padding-top: 2px; background:url(img/button_leer.gif) no-repeat; color:#FFFFFF}

.unterkategorien a:hover {color:#FFFFFF !important}


/**styling für die startseite**/
.startseite {background:#efefef url(img/lieferung.gif) no-repeat top right}



/**styling für die searchresults**/
.searchresults {background:#efefef url(img/search.gif) no-repeat right}
#new_find table {filter:alpha(opacity=70); -moz-opacity:.70; opacity:.70;}
#new_find input {filter:alpha(opacity=100); -moz-opacity:none; opacity:100;}


/**styling für die warenkorb**/
.warenkorb {background:#efefef url(img/cart.gif) no-repeat top right}



/**styling für die checkoutseiten**/
.steps {color:#6F6F6F}
.steps a {color:#888888; text-decoration:underline}
.steps a:hover {color:#000000; text-decoration:none}
.steps_ac {font-weight:bold}
.bullet {position:relative;}
.checkoutblock {border-top: 1px solid #cccccc; padding-top:10px}
.checkoutblock textarea {width:99% !important}



/**styling für die artikelansicht**/
.a_view_price {background: url(img/av_price_bg.gif) no-repeat; width:194px; height:45px; float:right; margin:0px; color:#ffffff; font-size:31px; padding-top:10px; text-align:center; display:block; font-family: arial, sans-serif}
*html .a_view_price {right:0px; height:60px; margin-right:-10px;}
*:first-child+html .a_view_price {right:0px; height:60px;}
.extra_info {color:#888888; font-size:12px}
.also_purchased  {-moz-opacity:.70; opacity:.70;}
*:first-child+html .also_purchased div {filter:alpha(opacity=70);}
*html .also_purchased div {filter:alpha(opacity=70);}
.a_view input {vertical-align:top}


/**styling für die contactseite**/
.contact_text textarea {width:400px}

#zeichen_left input {font-family:arial; font-size:10px; border:0px; margin-bottom:2px; width:25px; text-align:right; font-weight:bold}
#zeichen_left {width:99%; text-align:right; font-family:arial; font-size:10px; font-weight:bold}

#telephone {height: 15px; width:150px;}

#wellness_banner {
position:relative;
height:227px;
width:618px;
}

#wellness_navi {
position:absolute;
left:25px;
bottom:12px;
height:27px;
width:590px;
}

.wellness_link {
color:#FFFFFF;
float:left;
font-size:14px;
font-weight:bold;
height:27px;
line-height:23px;
padding:0 11px;
text-decoration:none;
}

.wellness_link:hover {
background:url(img/wellness_link_hover.gif) repeat-x;
color:#FFFFFF !important;
text-decoration:none !important;
}

.wellness_trenner {
background:url(img/wellness_trenner.gif) no-repeat;
width:2px;
height:27px;
float:left;
}

.a_view {
position:relative;
}

.prodinf_re {
position:absolute;
top:0px;
right:0px;
width:190px;
}
