/* -----------------------------------------------------------------------------------------
   $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 
   ---------------------------------------------------------------------------------------*/
/****** GRUNDLEGENDER STIL *****//* mac hide\*/
html, body {height:100%}
/* end hide */
body {
	padding:0;
	margin:0;
	text-align:center;
	min-width:992px;/* for mozilla*/
    background-image:url('img/body_bg.jpg');
    background-repeat:repeat-x;
	background-color: #FFF;
	color: #000000;
    font-family:Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
}
#outer{
	height:100%;
	min-height:100%;
	width:990px;
	border-left:1px solid #245f20;
	border-right:1px solid #245f20;
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
	background: url('img/outer_bg.gif') repeat-y center center;
	position:relative;
}
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/

#innerwrap {/* enables content first */
	float:left;
	width:770px;
    padding-top:212px; /*needed to make room for header*/
}

#header{
	position:absolute;
	top:0;
	left:-1px;
	width:990px;
	height:202px;
	background-image: url('img/header/header_bg.jpg');
	background-repeat:no-repeat;
	border:1px solid #245f20;
    border-bottom:none;
	overflow:hidden;
	color: #000000;
	/*z-index:100;*/
}
#breadcrumb{
	font-size:0.95em;
	padding-left:3px;
    padding-top:4px;
    height:13px;
    padding-bottom:8px;
	color:#000;
}
#navbar{
  height:28px;
  background-image: url('img/header/navbar_bg.gif');
  background-repeat:repeat-x;
  position:absolute;
  bottom:0px;
  width:100%;
}
#search{
	float:left;
	padding-left:9px;
}
#left {
	position:relative;/*ie needs this to show float */
	width:208px;
	float:left;
/*	padding-top:224px;/*needed to make room for header*/
	padding-bottom:2px;/* needed to make room for footer */
}

#right {
	position:relative;/*ie needs this to show float */
	width:208px;
	float:right;
	padding-top:212px;/*needed to make room for header*/
	padding-bottom:2px;/* needed to make room for footer */
}
#footer {
	width:990px;
	clear:both;
	height:20px;
	border-bottom:1px solid #245f20;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
  font-size:0.9em;
  color:#245f20;
}
* html #footer {/*only ie gets this style*/
	\height:22px;/* for ie5 */
	he\ight:20px;/* for ie6 */
}
#footer_left, #footer_right{
  float:left;
  width:205px;
}
#footer_center{
  float:left;
  border-top:1px solid #245f20;
  width:561px;
  margin: auto 10px;
  padding-top:2px;
}
#footer a{
	color:#245f20;
}
div,p  {margin-top:0}/*clear top margin for mozilla*/

#centrecontent {
	width:550px;
	float:right;
/*	padding-top:224px;*/
	padding-bottom:2px;/* needed to make room for footer */
}

#clearfooter {width:100%;height:82px;clear:both} /* to clear footer */
div.copyright{
	color:#999;
}

img{
	border:0;
}
FORM {
	display: inline;		   
}
.onepxwidth {
	width: 1px;
}
CHECKBOX, INPUT, RADIO, SELECT {
	font-size: 11px;
}
TEXTAREA {
  width: 98%;
  font-size: 11px;
}

.input{
	font:normal 11px Verdana,Arial,sans-serif;
	padding:2px;
	border-top:1px solid #000;
	border-left:1px solid #000;
	border-right:1px solid #999;
	border-bottom:1px solid #999;

}

img.content_cat_images{
    border:1px solid #245f20;
}

/* schriftformatierung für allgem. textbereiche  */
.main {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	line-height: 1.5;
	color: #000;
}
.main2 {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 0.95em;
  line-height: 1.5;
  color: #000;
}

/**** STYLE FÜR INDEX.HTML ***/
#shop {
	width: 98%;
}
/* obere navigaton / anmelden/ihr konto/korb/kasse */

TD.topNavigation {

	padding: 0px;

}

UL#top_navigation {

	height: 25px;

	vertical-align: top;

	margin: 0px;

	padding: 0px;

}

UL#top_navigation li {

	list-style: none;

	float: right;

	border-left: 1px solid #8cd41f;

	padding: 2px 10px 2px 10px;

    height:24px;
}

UL#top_navigation li a {

	color: #FFF;

	font-weight: bold;
    
    text-decoration:none;

    display:block;
    
    padding-top:4px;
    
    padding-bottom:8px;
}

UL#top_navigation li a:hover {

	color: #a1e550; 

}
/* goldfarbige linie oben */
#line_topp {
	background-image: url(img/header/line_top.gif);
	background-repeat: repeat-x;
	height: 3px;
}
/* headerbereich für top_logo */
#header_background {
	background-image: url(img/header/top_bg.png);
	background-repeat: repeat-x;
	height: 120px;
	text-align: left;
	padding-left: 5px;
}
#header_search {
	background-image: url(img/header/top_bg.png);
	background-repeat: repeat-x;
	width: 14%;
	text-align: left;
	vertical-align: bottom;
	padding-bottom: 10px;
}
#logo {
	background-image: url(img/header/top_logo.png);
	background-repeat: no-repeat;
	background-position: left;
	height: 120px;
}
/* goldfarbige linie unten */
#line_bottom{
	background-image: url(img/header/line_bottom.gif);
	background-repeat: repeat-x;
	height: 3px;
}
/* horizontale linien */
div.between_hr {
	width:100%;
	border-top:1px solid #C97D1A;
	border-bottom:1px solid #245f20;
	padding:25px 0px;
	margin:5px 0px;
}

div.bottom_hr {
	width:100%;
	border-bottom:1px solid #245f20;
	padding-bottom:25px;
	margin-bottom:5px;
}
/* "navtrail" - seitennavigation /startseite/katalog.. */
TD.headerNavigation {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #000; 
	font-weight : normal;
	background-color: #393939;
	height: 18px;
	vertical-align: middle;
	padding-left: 5px;
}
A.headerNavigation  { 
  color: #000; 
}
A.headerNavigation:hover {
  color: #245f20;
}

/********* SÄMTLICHE LINKDEFINITIONEN *************/
/*allgem. links*/
A {
  color: #000;
  text-decoration: underline;
}

A:hover {
  color: #245f20;
  text-decoration: underline;
}
/*loginbox passwort vergessen */
A.pw {
	font-size: 11px;
	color: #000;
	text-decoration: underline;
}
A.pw:hover {
	font-size: 11px;
	color: #245f20;
}
/*produkt titel in den boxen die produktbilder enthalten wie "whatsnew" "last_viewed" "specials" */
A.boxLink {
	color: #245f20;
	font-size: 12px;
	font-weight: bold;
	
	text-decoration:none;
}
A.boxLink:hover {
	font-weight: bold;
	text-decoration: underline;
}
/*weitere Links in den boxen mit produktbild wie zb. "last_viewed" */
A.boxLinkText {
	text-decoration: underline;
}
A.boxLinkText:hover {
	color: #245f20;
}
/*img links im titel von den linken boxen*/
A.show_left {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1em;
	color: #FFF;
	background-image: url(img/icon_more.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	width: 185px;
	
	text-decoration: none;
}
A.show_left:hover {
	background-image: url(img/icon_more_light.gif);
	background-repeat: no-repeat;
	color: #a1e550;
	text-decoration: none;
}
/*img links im titel von den rechten boxen*/
A.show_right {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1em;
	color: #FFF;
	background-image: url(img/icon_more.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	width: 185px;
	
	text-decoration: none;
}
A.show_right:hover {
	background-image: url(img/icon_more_light.gif);
	background-repeat: no-repeat;
	color: #a1e550;
	text-decoration: none;
}
/*link erweiterte Suche in der "searchbox" */
A.searchlink {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}
A.searchlink:hover {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 11px;
	color: #000;
	text-decoration: underline;
}
/*mwst und versandkosten links in den boxen*/
SPAN.box_shipping_link {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 11px;
	font-weight: normal;
}
.box_shipping_link a {
	color: #000;
}
.box_shipping_link a:hover {
	color: #245f20;
}
/* produkttitel als link zb. "new_products_default" */
.products_link {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.1em;
	color: #245f20;
	font-weight: bold;
	text-decoration: none;
}
.products_link:hover {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.1em;
	color: #245f20;
	text-decoration: underline;
}
/* produkttitel link in der reviews_info */
A.reviews_link {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 12px;
	color: #666666;
	font-weight: bold;
	text-decoration: none;
}
A.reviews_link:hover {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 12px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
}
/*gutschein bild in der "box_cart"*/
A.gift_box {
	background-image: url(img/img_gift.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	text-decoration: none;
	height: 40px;
	width: 48px;
	display: block;
}
A.gift_box:hover {
	background-image: url(img/img_gift.gif);
	background-repeat: no-repeat;
	background-position: 0px -40px;
	text-decoration: none;
	height: 40px;
	width: 48px;
	display: block;
}
/*gift_cart.html*/
A.gift_link {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 12px;
	font-weight: bold;
	color: #E5861F;
	text-decoration: underline;
}
A.gift_link:hover {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000;
	text-decoration: underline;
}
/*seitennavigation bei mehreren produktseiten*/
.navbar {
	font-size: 12px;
	color: #245f20;
}
A.pageResults {
	color: #cdcdcd;
	text-decoration: underline;
}
A.pageResults:hover {
  color: #feb13d;
}
/*im checkout - checkout_confirmation "bearbeiten"*/
A.confirmationEdit {
	color: #245f20;
	font-style: italic;
	font-weight: normal;
}
A.confirmationEdit:hover {
	color: #245f20;
	font-style: italic;
	text-decoration: underline;
	font-weight: normal;
}
/*categorie_listing*/
A.catLink {
	font-size: 12px;
	font-weight: bold;
}
A.catLink:hover {}
/*product_navigator.html - datei bearbeiten, wenn anstelle der grafiken text stehen soll (text nur auskommentiert) */
A.first {
	background-image: url(img/navigator/nav_first.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 15px;
	width: 25px;
	display: block;
	padding: 0px 25px 0px 25px;
}
A.back {
	background-image: url(img/navigator/nav_back.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	height: 15px;
	width: 15px;
	display: block;
	padding: 2px 25px 2px 25px;
}
A.next {
	background-image: url(img/navigator/nav_next.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 15px;
	width: 15px;
	display: block;
	padding: 0px 25px 0px 25px;
}
A.last {
	background-image: url(img/navigator/nav_last.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	height: 15px;
	width: 25px;
	display: block;
	padding: 0px 25px 0px 25px;
}

/* CONTENTBEREICH  - index.html */
#main_col {
	padding-left: 10px;
	padding-right: 10px;
	text-align: left;
	vertical-align: top;
}
/****** BOXEN links und rechts ******/
/*linke boxenspalte - index.html*/
#left_col {
	width: 195px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
/*rechte boxenspalte - index.html*/
#right_col {
	width: 195px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}
/*** KATEGORIEBOX ***/

/****** erste ebene (hauptkategorie) ******/
#boxCategories {

}
#boxCategories ul {
	margin: 0px;
	padding: 0px;
}
#boxCategories ul li {
	list-style-type: none;
	padding: 2px;
	border-bottom: 1px solid #666666;
}
#boxCategories ul li a.normal {
	font-size: 1.2em;
	color: #000;
	
	text-decoration:none;
	background-image: url(img/icon_kat.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
}
#boxCategories ul li a.normal:hover {
	color: #245f20;
	/*background-image: url(img/icon_kat_h.gif);*/
}
/*aktive hauptkategorie*/
#boxCategories ul li a.active {
	font-size: 1.2em;	
	text-decoration:none;
	background-image: url(img/icon_akat.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 15px;
	
	color: #C90602;
}
#boxCategories ul li a.active:hover {
	color: #245f20;
	/*background-image: url(img/icon_akat_h.gif);*/
}

/****** zweite ebene  (Unterkategorie) ******/ 
#boxCategories ul ul {
	margin: 0px 0px 0px 2px;
	padding: 0px;
}
#boxCategories ul ul li {
	padding: 2px;
	border-bottom: 0px solid #a9a9a9;
}
#boxCategories ul ul li a.normal {
	font-size: 1.2em;
	color: #000;
	
	text-decoration:none;
	background-image: url(img/icon_ukat.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-left: 15px; 
}
#boxCategories ul ul li a.normal:hover {
	color: #245f20;
	/*background-image: url(img/icon_ukat_h.gif);*/
}
/* aktive unterkategorie */
#boxCategories ul ul li a.active {
	font-size: 1.2em;	
	text-decoration:none;

	background-image: url(img/icon_aukat.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-left: 15px;
	
	color: #C90602;
}
#boxCategories ul ul li a.active:hover {
	color: #245f20;
	/*background-image: url(img/icon_aukat_h.gif);*/
}


/*************************
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Weitere Unterebenen können hier definiert werden 
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
		dritte ebene  (Unter_Unter_Kategorie) 
**************************
#boxCategories ul ul ul {
	margin: 0px 0px 0px 2px;
	padding: 0px;
	border: 1px solid #990033;
}
#boxCategories ul ul ul li {
	padding: 2px;
}
#boxCategories ul ul ul li a.normal {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.2em;
	color: #990033;
	background-image: url(img/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 15px; 
}
#boxCategories ul ul ul li a.normal:hover {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.2em;
	color: #000000;
	background-image: url(img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	padding-left: 15px;
}
#boxCategories ul ul ul li a.active {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.2em;
	color: #3399ff;
	font-weight: bold;
	background-image: url(img/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 15px; 
}
#boxCategories ul ul ul li a.active:hover {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.2em;
	color: #99ccff;
	font-weight: bold;
	background-image: url(img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	padding-left: 15px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
vierte ebene (Unter_Unter_Unter_Kategorie
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
#boxCategories ul ul ul ul {
	margin: 0px 0px 0px 2px;
	padding: 0px;
	border: 1px solid #ff3300;
}
#boxCategories ul ul ul ul li {
	padding: 2px;
}
#boxCategories ul ul ul ul li a.normal {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.2em;
	color: #ff3300;
	background-image: url(img/icon_arrow.jpg);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-left: 15px; 
}
#boxCategories ul ul ul ul li a.normal:hover {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.2em;
	color: #330066;
	background-image: url(img/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	padding-left: 15px;
}
#boxCategories ul ul ul ul li a.active {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.2em;
	color: #330066;
	font-weight: bold;
	background-image: url(img/icon_arrow.jpg);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-left: 15px; 
}
#boxCategories ul ul ul ul li a.active:hover {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.2em;
	color: #cc99ff;
	font-weight: bold;
	background-image: url(img/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	padding-left: 15px;
}
***********************************************/

/* produktanzahl hinter den kategorienamen */
span.catcount {
	color: #ff0000;
}
/*** ENDE KATEGORIEBOX ***/


/*außenrahmen der boxen*/
.shopbox {
	margin: 0px;
	padding: 0px;
    
    background-color:#eaeaea;
}

#header .shopbox{
    background:none;
}
#left .shopbox, #right .shopbox{
    margin:0px 8px 8px 8px;
    border:1px solid #000;
}

/* "nur text" in den boxen */
.boxText, .box_text a { 
	font-size: 0.9em;
	color: #000;
}
/*LINKE UND RECHTE BOXEN */
/*überschrift*/
.infoBoxHeading_left, .infoBoxHeading_right {
	font-size: 0.9em;
	font-weight: bold;
    
    font-style:italic;
    
	color: #FFF;
	height: 24px;
	line-height: 24px;
	vertical-align: middle;
	text-indent: 10px;
	background-image: url(img/boxes/box_title_left.gif);
	background-repeat: repeat-x;
}
/*inhalt*/
.infoBox_left, .infoBox_right {
  	font-size: 0.9em;
  	margin: 0px;
  	padding: 5px;
}
/*inhalt zentriert*/
.infoBox_left_center, .infoBox_right_center {
	font-size: 0.9em;
	text-align: center;
	margin: 0px;
	padding: 5px;
}
/**BOX_CART**/
/*in produkte der box "warenkorb"*/
.cart_products {
	border-bottom: 1px solid #666666;
	padding: 5px;
}
.boxText_cart {
}
/*preisfeld in boxen mit preis zb."whatsnew" "specials" ..*/
DIV.boxPrice {
	font-weight: bold;
	padding: 3px;
	width: 80%;
	text-align: center;
	margin-top: 2px;
	margin-right: auto;
	margin-left: auto;
	
	margin-bottom:3px;
}
/* guthabenanzeige in der box "cart" */
.gvBox {
	font-size : 14px;
	font-weight: bold;
	border: 1px solid #245f20;
}


/*** BESTSELLERSBOX  ***/
.bestsellers  {
	font-size: 11px;
    margin-left:0px;
    margin-top:0px;
    margin-bottom:0px;
    padding-left:25px;
}
/*preisfeld in der "bestsellersbox" */
.boxTextPrice {
	font-size: 11px;
	color: #000;
	text-align: right;
	font-weight: bold;
}
.bestsellers_shipping_link {
	color: #a9a9a9;
	font-weight: normal;
 }
/*AUFZÄHLUNG FÜR BOXEN zB /"mehr über" /"informationen" /"extrabox1" /"extrabox2" */
/*Menüliste für die box_information*/
UL#box_information {
	font-size: 1.05em;
	color: #000;
	margin: 0px;
	padding: 0px;
}
#box_information li {
	list-style: none;	
	margin: 3px 0px 0px 0px;
	padding: 3px 5px 3px 5px; 
	border-bottom: 1px solid #666666;
}
#box_information li a {
	text-decoration: none;
	font-size: 1.05em;
	color: #000;
}
#box_information li a:hover {
	text-decoration: none;
	font-size: 1.05em;
	color: #245f20;
	padding: 0px;
}
/*Menüliste für die box_content*/
UL#box_content {
	font-size: 1.05em;
	color: #000;
	margin: 0px;
	padding: 0px;
}
#box_content li {
	list-style: none;	
	margin: 3px 0px 0px 0px;
	padding: 3px 5px 3px 5px; 
	border-bottom: 1px solid #666666;
}
#box_content li a {
	text-decoration: none;
	font-size: 1.05em;
	color: #000;

}
#box_content li a:hover {
	text-decoration: none;
	font-size: 1.05em;
	color: #245f20;
	padding: 0px;
}
/*Menüliste für die box_extra1*/
UL#box_extra1 {
	font-size: 1.05em;
	color: #000;
	margin: 0px;
	padding: 0px;
}
#box_extra1 li {
	list-style: none;	
	margin: 3px 0px 0px 0px;
	padding: 3px 5px 3px 5px; 
	border-bottom: 1px solid #666666;
}
#box_extra1 li a {
	text-decoration: none;
	font-size: 1.05em;
	color: #000;
}
#box_extra1 li a:hover {
	text-decoration: none;
	font-size: 1.05em;
	color: #245f20;
	padding: 0px;
}
/*Menüliste für die box_extra2*/
UL#box_extra2 {
	font-size: 1.05em;
	color: #000;
	margin: 0px;
	padding: 0px;
}
#box_extra2 li {
	list-style: none;	
	margin: 3px 0px 0px 0px;
	padding: 3px 5px 3px 5px; 
	border-bottom: 1px solid #666666;
}
#box_extra2 li a {
	text-decoration: none;
	font-size: 1.05em;
	color: #000;
}
#box_extra2 li a:hover {
	text-decoration: none;
	font-size: 1.05em;
	color: #245f20;
	padding: 0px;
}

/*** STARTSEITE ***/
/* "willkommen" */
.pageHeading {
  font-size: 16px;
  font-weight: bold;
  color: #333333;
}

/* besucherbegrüssung  "gast" "herr/frau name" */
SPAN.greetUser {
  font-size: 12px;
  color: #245f20;
  font-weight: bold;
}


/**** MODULDATEIEN ****/
/* überschiften in den moduldateien */
.contentsTopics {
	font-size: 1.5em;
	
	font-style:italic;
	color: #000;
	font-weight: bold;
	vertical-align: middle;
	padding: 0px 10px 5px 10px;
	margin: 0px;
	
}
h2.contentsTopics {

	font-size: 1.2em;
	
	font-style:normal;
		
	padding: 10px 0px;
	
}

.moduleHeading {
	font-size: small;
	font-weight: bold;
}
.smallHeading {
	font-size: 11px;
	font-weight: bold;
	color: #245f20;
}
/* texte in den modultateien */
/*zb in reviews */
.small_text {
  font-size: 0.9em;
	color: #245f20;
}
.smallText {
  font-size: 0.9em;
  color: #000;
}
/* hintergrundfeld in den moduldateien */
#contentsBG {
	padding: 0px 10px 10px 10px;
	margin: 0px;
	vertical-align: top;
}
/* button  rechts */
#button_right {
	padding-top: 5px;
	text-align: right;
}
/*kontaktforumlar*/
#contact {
	background-image: url(img/contact.gif);
	background-repeat: no-repeat;
	background-position: right top;
	}
	
/******** CHECKOUT + WARENKORB  *********/
/* im WARENKORB des Contentbereichs bzw. orderdetails */
.boxTextBG {
}
.boxTextBGIII {
}
SPAN.total {
	font-size: 12px;
	font-weight: bold;
	color: #245f20;
}
.summe {
	font-size: 12px;
	color: #245f20;
}
/*nicht genug auf lager anzeige im shopping_cart bzw. orderdetails*/
.stockWarning { 
	font-size : 10px;
	color: #cc0033;
}
/*gutscheinefeld in shopping_cart.html bzw. gift_cart.html  und error_message für die suche*/
.boxTextBGII {
	font-size: 11px;
	color: #000;
	border: 1px solid #245f20;
}
/*hintergundfelder bei "new_products_default" "new_products_overview" "specials"*/
.centerfield {
	vertical-align: top;
	text-align: center;
	padding: 5px;
	height: auto;
}
.centerfield:hover {
	vertical-align: top;
	text-align: center;
	padding: 5px;
}
SPAN.products_price {
	font-size: 1.1em;
	color: #245f20;
	font-weight: bold;
}
SPAN.shipping {
	font-size: 12px;
}
.products_table {
}
.products_table:hover {
}
/*** "categorie_listing" kategoriebild ***/
#float_image_right {
	float: right;
	padding: 5px 5px 15px 15px;
}
.moreHeading {
	font-size: 12px;
	font-weight: bold;
	color: #000;
}
/*** rahmen ***/
img.image_border, table.table_border{
	border:1px solid #245f20;
}

/*** product_info ***/
h1.product_title{
	margin-top:0;
	font-size:1.5em;
	font-style:italic;
	color: #000;
}

SPAN.info_price {
	font-size: 1.2em;
	color: #245f20;
	font-weight: bold;
}
/* hintergrund in der tabellarischen attribute auflistung (tablelisting.html) */
.tableListingI {
}
.tableListingII {
	background-color: #ced0d1;
	color: #000;
}
/* UPCOMING_PRODUCTS */
.upcomingListingI {
	font-size: 0.83em;

}
.upcomingListingI a {
	color: #f1f1f1;
}
.upcomingListingI a:hover {
	color: #f1f1f1;
	text-decoration: underline;
}
.upcomingListingII {
	background-color: #ced0d1;
	color: #000;
	font-size: 0.83em;
}
.upcomingListingII a {
	color: #000;
}
.upcomingListingII a:hover {
	color: #000;
	text-decoration: underline;
}
/*** REVIEWS ***/
SPAN.ratingtext {
  font-size: 10px;
  font-weight: bold;
  color: #990033;
}

/**** LOGIN / ACCOUNT - DATEIEN ***/
/* zb in login.html / account - dateien / create_account */
DIV.formArea {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 5px;
	margin-bottom: 10px;
}
TABLE.formArea, TD.formArea {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	margin-bottom: 10px;
}
.formArea:hover {
	border-top: 1px solid #666666;
	border-bottom:1px solid #666666;
}
.formAreaTitle {

	font-size: 0.9em;
	font-weight: bold;
	color: #245f20;
}
/*account.html*/
UL#account_list {
	padding: 0px;
	margin: 10px 0px 0px 0px;
}
UL#account_list li {
	list-style: none;
	background-image: url(img/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding: 0px 5px 0px 20px;
}
UL#account_list li a {
	color: #000;
	font-size: 12px;
	text-decoration: underline;
}
UL#account_list li a:hover {
	font-size: 12px;
	color: #245f20;
	text-decoration: underline;
}

/* abstand für die überschriften in create_account */
.abstand {
	margin-top: 10px;
	padding-left: 5px;
}
/* "notwendige Angabe" bei accounterstellung */
.inputRequirement { 
	font-size: 0.9em; 
	color: #000;
}
/* adressfeld in sämtlichen dateien des adressbuchs und im checkout */
.address_lable {
	background-color: #C5D3A9;
	
	border:1px solid #245f20;
	font-size: 12px;
	color: #000;
	padding: 5px;
}
.arrow {
	background-image: url(img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	width: 40px;
}
/* adressauswahl / versandauswahl / zahlungsauswahl */
.moduleRow {
 	font-size: 11px;
 	line-height: 1.5;
 	color: #000;
 	background-color: #bfbfbf;
 	cursor: pointer;
}
.moduleRowOver {
 	font-size: 11px;
 	line-height: 1.5;
 	color: #000; 
	background-color: #C5D3A9;
	cursor: pointer; 
}
/* nur bei zahlungs und versandartauswahl */
.moduleRowSelected {
 	font-size: 11px;
 	line-height: 1.5;
 	color: #000; 
	background-color: #C5D3A9;
}
/* gutscheinfeld - checkout_payment.html */
.cot_gv {
  font-size: 11px;
  line-height: 1.5;
  color: #000;
}
/* CHECKOUT DATEIN */
.checkoutTitle {
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
}
TABLE.checkoutTable {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
DIV.checkoutTable {
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 5px;
}
.tableabstand {
	margin-top: 25px;
	margin-bottom: 15px;
}
.checkoutBarFrom, .checkoutBarTo { 
	font-size: 10px; 
	color: #000;
	
	margin-right:20px;
	
	margin-top:15px;
	
}
.checkoutBarCurrent { 
	font-size: 10px; 
	color: #000;
	
	font-weight:bold;
	
	margin-right:20px;
	
	margin-top:15px;
	
}
.checkout_bullet {
	background-image: url(img/checkout_bullet.gif);
	background-repeat: no-repeat;
	background-position: 0px 3px;
	
	width:30px;
	
	margin-top:15px;
}
.checkout_bullet2 {
	background-image: url(img/checkout_bullet2.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}
/* agb akzeptieren feld */
.conditions {
	font-size: 12px;
	color: #333;
	background-color: #C5D3A9;
  	border: 1px solid #245f20;
	padding: 3px;
	margin-top: 2px;
}
SPAN.checktext {
	font-weight: normal;
}
/* hinweis der oben angezeigt wird */
.confirmationText {
	font-size: 12px;
	color: #245f20;
  	border-top: 1px solid #666666;
  	border-bottom: 1px solid #666666;
	padding: 3px;
}
/* checkout_success.html */
.successTopics {
	font-size: 14px;
	color: #245f20;
	font-weight: bold;
	line-height: 24px;
	vertical-align: middle;
	padding: 0px 10px 0px 10px;
	margin: 0px;
}
.checkout_success {
	background-image: url(img/checkout_success.gif);
	background-repeat: no-repeat;
	background-position: center;
	height: 95px;
	width: 95px;
}
/* anzeige im Warenkorb bzw. order_details wenn ein artikel nicht verfügbar ist */
SPAN.markProductOutOfStock {
  font-size: 12px;
  color: #000;
  font-weight: bold;
}
/******* PREISE ********/
SPAN.productSpecialPrice {
  color: #ff0000;
}
SPAN.productOldPrice {
	color: #990033;
	text-decoration: line-through;
}
SPAN.productDiscountPrice {
  color: #990033;
  font-weight: bold;
}

/* Kategorie Liste (übersicht) */
.sitemap_heading {
	font-size: 10pt; 
	color: #484848; 
	/*border-top: 1px solid #245f20;
	border-bottom: 1px solid #245f20;*/
	padding: 2px;
}
.sitemap_heading a {
	color: #484848;
}
.sitemap_heading a:hover {
	color: #245f20; 
}
.sitemap_sub {
	font-size: 9pt; 
	color: #dadada; 
	/*border-bottom: 1px solid #245f20; */
	padding: 2px 2px;
}
.sitemap_sub a {
	color:#666;
    font-style:italic;
}
.sitemap_sub a:hover {
	color: #245f20;
}
/* Hersteller Liste */
.manufacturers_heading {
	font-size: 10pt; 
	color: #000; 
	background-color: #c5d3a9;
	border: 1px solid #245f20;
	padding-top: 2px; 
	padding-bottom: 2px;
}
.manufacturers_heading a {
	color: #000;
	font-weight: bold;
}
.manufacturers_heading a:hover {
	color: #245f20; 
}

/*** linien zb in product_listing ***/
.line_top {
	border-top: 1px solid #666666;
}
div.img_container {
	float:left;
    margin-right:15px;
}

.line_right {

	border-right: 1px solid #666666;

}
.line_bottom {
	border-bottom: 1px solid #666666;
}
/* MELDUNGEN */
.errorBox {	font-size : 12px;	color: #000;	background-color: #C5D3A9;	border: 1px solid #c10000;	text-align: center;	padding: 1px;
}
.errorBox2 {
	font-size : 11px;
	color: #282828;
	background-color: #ffcccc;
	border: 1px solid #990033;
	text-align: left;
	padding: 1px;
}
/*fehlermeldung zb in gutscheine versand */
SPAN.errorText {
  font-weight: bold;
  color: #990033;
}
/* meldung beim checkout_payment */
.infoBoxNotice {
  background: #ffcccc;
  padding: 2px;
}
.infoBoxNoticeContents {
  background: #990033;
  font-size: 10px;
}
.productsNotifications {
	background-color: #f2fff7;
}
/*message zb. gift_cart.html, login.html*/
.headerMessage {
	color: #333333;
	
	text-align: center;
	font-weight: bold;
	padding: 2px 10px;
}
.headerError {
  font-size: 12px;
  background: #ff0000;
  color: #ffffff;
  font-weight : bold;
  text-align : center;
}
.headerInfo {
  background: #00ff00;
}
.headerInfo {
  font-size: 12px;
  background: #00ff00;
  color: #ffffff;
  font-weight: bold;
  text-align: center;
}

TD.fieldKey {
  font-size: 12px;
  font-weight: bold;
}

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

SPAN.underline {
	text-decoration: underline;
}

/* message box */
.messageBox { font-size: 10px; }
.messageStackError, .messageStackWarning {font-size: 10px; background-color: #ffb3b5; }
.messageStackSuccess { font-size: 10px; background-color: #99ff00; }

#design {
	background-image: url(img/bottom.gif);
	background-repeat: repeat-x;
	background-position: 0px 2px;
	height: 28px;
	line-height: 28px;
	font-size: 11px;
	color: #282828;
	text-align: right;
	vertical-align: middle;
	padding-right: 5px;
}
#design a {
	text-decoration: none;
	color: #282828;
}
#design a:hover {
	text-decoration: none;
	color: #245f20;
}

/* 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; }


/* Tab Pane in checkout_payment.html AGB und Widerruf*/
.dynamic-tab-pane-control.tab-pane {
	position:	relative;
	width:		100%;		/* width needed weird IE bug */
	margin-right:	-2px;	/* to make room for the shadow */
	margin-top: 15px;
}

.dynamic-tab-pane-control .tab-row .tab {

	width:				auto;
	height:				16px;
	background-image:	url(img/tab.png);
	background-repaet:	repeat-x;
	
	position:		relative;
	top:			0;
	display:		inline;
	float:			left;
	overflow:		hidden;
	
	cursor:			pointer;

	margin:			1px -1px 1px 2px;
	padding:		4px 10px 2px 10px;
	border:			0;

	z-index:		1;
	font:			11px Tahoma;
	white-space:	nowrap;
	text-align:		center;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}

.dynamic-tab-pane-control .tab-row .tab.selected {
	width:				auto;
	height:				18px !important;
	background-image:	url(img/tab.active.png) !important;
	background-repaet:	repeat-x;

	border-bottom-width:	0;
	z-index:		3;
	padding:		4px 10px 2px 10px;
	margin:			1px -3px -3px 0px;
	top:			-2px;
	font:				11px Tahoma;
}

.dynamic-tab-pane-control .tab-row .tab a {
	font:				11px Tahoma;
	color:				Black;
	text-decoration:	none;
	cursor:				pointer;
}

.dynamic-tab-pane-control .tab-row .tab.hover {
	font:				11px Tahoma;
	width:				auto;
	height:				16px;
	background-image:	url(img/tab.hover.png);
	background-repaet:	repeat-x;
	padding: 4px 10px 2px 10px;
	border-left: 1px solid #cccccc;
	border-right: 1px solid #cccccc;
}


.dynamic-tab-pane-control .tab-page {
	clear:			both;
	border:			1px solid rgb( 145, 155, 156 );
	background:		rgb( 252, 252, 254 );
	z-index:		2;
	position:		relative;
	top:			-2px;

	font:				11px Tahoma;
	color:				Black;

	filter:			progid:DXImageTransform.Microsoft.Gradient(StartColorStr=#fffcfcfe, EndColorStr=#fff4f3ee, GradientType=0)
					progid:DXImageTransform.Microsoft.Shadow(Color=#ff919899, Strength=2, Direction=135);
	
	/*244, 243, 238*/
	/* 145, 155, 156*/
	
	padding:		10px;
}

.dynamic-tab-pane-control .tab-row {
	z-index:		1;
	white-space:	nowrap;
}

/* wahrscheinlich nicht benötigte klassen */


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;
}

.subBar {
  background: #f4f7fd;
}
.subBar {
  font-size: 10px;
  color: #000000;
}
TD.accountCategory {
  font-size: 13px;
  color: #aabbdd;
}
.tableBody {
padding: 5px;
}
TD.tableHeading {
  font-size: 12px;
  font-weight: bold;
}