/* -----------------------------------------------------------------------------------------

   $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:960px;/* for mozilla*/
	background-color: #FFF;
	color: #000000;
	font-family: Verdana, sans-serif;
	font-size:12px;
}
#outer{
	height:100%;
	min-height:100%;
	width:958px;
	background-image: url('img/outer_bg.jpg');
	background-repeat:repeat-y;
	border-right:1px solid #dbdbdb;
	border-left:1px solid #dbdbdb;
	color: #000000;
	text-align:left;
	margin:auto;
	position:relative;
}
 
html>body #outer{height:auto;} /*for mozilla as IE treats height as min-height anyway*/
#innerwrap {/* enables content first */
	float:left;
	width:768px;
}
#header{
	position:absolute;
	top:0;
	left:-2px;
	width:960px;
	height:215px;
	background-repeat:no-repeat;
	overflow:hidden;
	color: #000000;
	/*z-index:100;*/ dispute with lightbox
}

#header_left{
	float:left;
	background-color:#FFF;
	width:190px;
	height:142px;
}

#header_right{
	background-image: url('img/header/main_header_bg.jpg');
	height:142px;
	margin-left:190px;
}

#header_navbar_left{
	float:left;
	background-image: url('img/header/left_navbar_bg.jpg');
	background-repeat:repeat-y;
	width:156px;
	height:37px;
	padding-left:30px;
	padding-top:15px;
	border-left:4px solid #a7c226;
	border-bottom:1px solid #F2F2F2;
	text-align:left;
	color:#FFF;
	font-size:1.4em;
}

#header_navbar_search{
	float:left;
	background-image: url('img/header/left_navbar_search_bg.jpg');
	border-bottom:3px solid #F2F2F2;
	width:190px;
	height:52px;
}

#header_navbar_right{
	height:32px;
	width:580px;
	margin-left:380px;
	padding-top:20px;
	border-bottom:3px solid #F2F2F2;
	background-image: url('img/header/right_navbar_bg.jpg');
}

#left {
	position:relative;/*ie needs this to show float */
	width:189px;
	float:left;
	padding-top:196px;/*needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
}
#left p {padding-left:3px;padding-right:2px}
#right p {padding-left:4px;padding-right:2px}

#right {
	position:relative;/*ie needs this to show float */
	width:189px;
	float:right;
	padding-top:215px;/*needed to make room for header*/
	padding-bottom:32px;/* needed to make room for footer */
}

#footer {
	width:958px;
	clear:both;
	height:70px;
	background-color:#FFF;
	border-top:4px solid #edeceb;
	border-bottom:1px solid #dbdbdb;
	color: #000000;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
}
* html #footer {/*only ie gets this style*/
	\height:72px;/* for ie5 */
	he\ight:70px;/* for ie6 */
}

#footer_left{
	float:left;
	width:33%;
	text-align:left;
}

#footer_center{
	float:left;
	width:34%;
	text-align:center;
	padding-top:20px;
}

#footer_right{
	float:left;
	width:33%;
	text-align:right;
}

#footer_left, #footer_center, #footer_right, #footer_left a, #footer_center a, #footer_right a{
	color:#a8a297;
	font-size:10px;
}

#footer_left p, #footer_center p, #footer_right p{
	margin:3px 5px;
}

div,p  {margin-top:0}/*clear top margin for mozilla*/
#centrecontent {
	width:578px;
	float:right;
	padding-top:215px;
	padding-bottom:52px;/* needed to make room for footer */
}
#centrecontent p {padding-left:3px}

#clearfooter {width:100%;height:72px;clear:both} /* to clear footer */


img{
	border:0;
}

FORM {

	display: inline;		   

}

.onepxwidth {

	width: 1px;

}

CHECKBOX, INPUT, RADIO, SELECT {

	font-family: Verdana, Arial, sans-serif;

	font-size: 11px;

}

TEXTAREA {

  width: 98%;

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 11px;

}


/* obere navigaton / anmelden/ihr konto/korb/kasse */

UL#top_navigation {
	height: 25px;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
}

UL#top_navigation li {
	list-style: none;
	float: left;
	padding: 2px 10px 2px 10px;
}

UL#top_navigation li a {
	font-family: Verdana, sans-serif;
	font-size: 12px;
	color: #484848;
	font-weight: bold;
}

UL#top_navigation li a:hover {
	color: #333333; 
	text-decoration: underline;
}

/* schriftformatierung für allgem. textbereiche  */

.main {

	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: 0.95em;

	line-height: 1.5;

	color: #000;

}

.main2 {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 0.95em;

  line-height: 1.5;

  color: #3b3b3b;

}



/**** STYLE FÜR INDEX.HTML ***/

#shop {

	width: 98%;

}





/* "navtrail" - seitennavigation /startseite/katalog.. */

TD.headerNavigation {

	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: 11px;

	color: #FEB13D; 

	font-weight : normal;

	background-color: #393939;

	height: 18px;

	vertical-align: middle;

	padding-left: 5px;

}

A.headerNavigation  { 

  color: #FEB13D; 

}

A.headerNavigation:hover {

  color: #FEE1B6;

}



/********* SÄMTLICHE LINKDEFINITIONEN *************/

/*allgem. links*/

A {

  color: #999999;

  text-decoration: none;

}



A:hover {

  color: #999999;

  text-decoration: underline;

}

/*loginbox passwort vergessen */

A.pw {

	font-size: 11px;

	color: #277f04;

	text-decoration: underline;

}

A.pw:hover {

	font-size: 11px;

	color: #999999;

	text-decoration: none;

}

/*produkt titel in den boxen die produktbilder enthalten wie "whatsnew" "last_viewed" "specials" */

A.boxLink {

	color: #277f04;

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

}

A.boxLink:hover {

	color: #ffcc66;

	font-weight: bold;

	text-decoration: underline;

}

/*weitere Links in den boxen mit produktbild wie zb. "last_viewed" */

A.boxLinkText {

	color: #999999;

	font-size: 12px;

	text-decoration: none;

}

A.boxLinkText:hover {

	color: #277f04;

	text-decoration: underline;

}

/*img links im titel von den linken boxen*/

A.show_left {

	font-family: Tahoma, Verdana, Arial, san-serif;

	font-size: 1em;

	color: #484848;

	background-image: url(img/icon_more.gif);

	background-repeat: no-repeat;

	background-position: right center;

	display: block;

	width: 180px;

}

A.show_left:hover {

	background-image: url(img/icon_more_light.gif);

	background-repeat: no-repeat;

	color: #333333;

	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: #484848;

	background-image: url(img/icon_more_light.gif);

	background-repeat: no-repeat;

	background-position: right center;

	display: block;

	width: 180px;

}

A.show_right:hover {

	background-image: url(img/icon_more.gif);

	background-repeat: no-repeat;

	color: #333333;

	text-decoration: none;

}

/*link erweiterte Suche in der "searchbox" */

A.searchlink {

	font-family: Tahoma, Verdana, Arial, san-serif;

	font-size: 11px;

	color: #484848;

	text-decoration: none;

}

A.searchlink:hover {

	font-family: Tahoma, Verdana, Arial, san-serif;

	font-size: 11px;

	color: #484848;

	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: #666666;

}

.box_shipping_link a:hover {

	color: #484848;

}

/* produkttitel als link zb. "new_products_default" */

.products_link {

	font-family: Tahoma, Verdana, Arial, san-serif;

	font-size: 1.1em;

	color: #277f04;

	font-weight: bold;

	text-decoration: none;

}

.products_link:hover {

	font-family: Tahoma, Verdana, Arial, san-serif;

	font-size: 1.1em;

	color: #277f04;

	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: #3b3b3b;

	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: #3b3b3b;

	text-decoration: underline;

}

/*seitennavigation bei mehreren produktseiten*/

.navbar {

	font-size: 12px;

	color: #277f04;

}

A.pageResults {

	color: #333333;

	text-decoration: underline;

}

A.pageResults:hover {

  color: #388b17;

}

/*im checkout - checkout_confirmation "bearbeiten"*/

A.confirmationEdit {

	color: #669933;

	font-style: italic;

	font-weight: normal;

}

A.confirmationEdit:hover {

	color: #669933;

	font-style: italic;

	text-decoration: underline;

	font-weight: normal;

}

/*categorie_listing*/

A.catLink {

	font-size: 12px;
	color:#0000FF;
	text-align:left;

}

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;

}





/*** KATEGORIEBOX ***/



/****** erste ebene (hauptkategorie) ******/

#boxCategories {



}

#boxCategories ul {

	margin: 0px;

	padding: 0px;

}

#boxCategories ul li {

	list-style-type: none;

	padding: 2px;

	border-bottom: 1px solid #333333;

}

#boxCategories ul li a.normal {

	font-family: Tahoma, Verdana, Arial, san-serif;

	font-size: 1.2em;

	color: #666666;

	background-image: url(img/icon_kat.gif);

	background-repeat: no-repeat;

	background-position: 0px 5px;

	padding-left: 15px;

}

#boxCategories ul li a.normal:hover {

	font-family: Tahoma, Verdana, Arial, san-serif;

	font-size: 1.2em;

	color: #666666;

	background-image: url(img/icon_kat_h.gif);

	background-repeat: no-repeat;

	background-position: 0px 5px;

}

/*aktive hauptkategorie*/

#boxCategories ul li a.active {

	font-family: Tahoma, Verdana, Arial, san-serif;

	font-size: 1.2em;

	color: #277f04;

	font-weight: bold;

	background-image: url(img/icon_akat.gif);

	background-repeat: no-repeat;

	background-position: 0px 5px;

	padding-left: 15px;

}

#boxCategories ul li a.active:hover {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.2em;
	color: #277f04;
	font-weight: bold;
	background-image: url(img/icon_akat_h.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	text-decoration: underline;
}



/****** 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-family: Tahoma, Verdana, Arial, san-serif;

	font-size: 1.2em;

	color: #333333;

	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 {

	font-family: Tahoma, Verdana, Arial, san-serif;

	font-size: 1.2em;

	color: #333333;

	background-image: url(img/icon_ukat_h.gif);

	background-repeat: no-repeat;

	background-position: 2px 5px;

	padding-left: 15px;

}

/* aktive unterkategorie */

#boxCategories ul ul li a.active {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.2em;
	color: #277f04;
	font-weight: bold;
	background-image: url(img/icon_aukat-gruen.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-left: 15px;
 	background-color: #f2f6df;
	display:block;
}

#boxCategories ul ul li a.active:hover {

	font-family: Tahoma, Verdana, Arial, san-serif;

	font-size: 1.2em;

	color: #277f04;

	font-weight: bold;

	background-image: url(img/icon_aukat-gruen.gif);

	background-repeat: no-repeat;

	background-position: 2px 5px;

	padding-left: 15px;

}







~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

Weitere Unterebenen können hier definiert werden 

~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

		dritte ebene  (Unter_Unter_Kategorie) 

**************************

#boxCategories ul ul ul {

	padding: 0px;


}

#boxCategories ul ul ul li {
	padding: 0px;
}

#boxCategories ul ul ul li a.normal {

	font-family: Tahoma, Verdana, Arial, san-serif;

	font-size: 1.2em;

	color: #484848;

	background-image: url(img/icon_ukat-gruen.gif);

	background-repeat: no-repeat;
	
	padding-left: 15px;
	background-color: #f2f6df;
	display:block; 
}

#boxCategories ul ul ul li a.normal:hover {

    font-family: Tahoma, Verdana, Arial, san-serif;

	font-size: 1.2em;

	color: #333333;

	background-image: url(img/icon_aukat-gruen.gif);

	padding-left: 15px;
	background-color: #f2f6df;
	display:block; 

}

#boxCategories ul ul ul li a.active {

    font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.2em;
	color: #277f04;
	font-weight: bold;
	background-image: url(img/icon_aukat-gruen.gif);
	padding-left: 15px;
 	background-color: #f2f6df;
	display:block; 

}

#boxCategories ul ul ul li a.active:hover {

	 font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.2em;
	color: #277f04;
	font-weight: bold;
	background-image: url(img/icon_aukat-gruen.gif);
	padding-left: 15px;
 	background-color: #f2f6df;
	display:block; 

}

/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~

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;

}

div.shopbox input{
	border:1px solid #a29f9f;
	height:15px;
}

div.shopbox input.image_submit{
	border:none;
	height:auto;
}

#header_navbar_search div.shopbox{
	margin-top:5px;
	margin-left:10px;
}

/* "nur text" in den boxen */

.boxText { 

	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: 0.9em;

	color: #3b3b3b;

}

/*LINKE BOXEN */

/*überschrift*/

.infoBoxHeading_left {

	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: 0.9em;

	font-weight: bold;

	color: #484848;

	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 {

	font-family: Tahoma, Verdana, Arial, sans-serif;

  	font-size: 0.9em;


  	margin: 0px;

  	padding: 5px;

  	color: #277f04; 

}

/*inhalt zentriert*/

.infoBox_left_center {

	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: 0.9em;

	text-align: center;


	margin: 0px;

	padding: 5px;

}



/*RECHTE BOXEN*/

/*überschriften*/

.infoBoxHeading_right {

	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: 0.9em;

	font-weight: bold;

	color: #000000;

	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_right {

	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: 0.9em;


	margin: 0px;

	padding: 5px;

	color: #3b3b3b;

}

.infoBox_right_center {

	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: 0.9em;

	text-align: center;


	margin: 0px;

	padding: 5px;

	color: #3b3b3b;

}

/**BOX_CART**/

/*in produkte der box "warenkorb"*/

.cart_products {

	border-bottom: 1px solid #FFFFFF;

	padding: 5px;

}

.boxText_cart {

	color: #277f04;

}

/*preisfeld in boxen mit preis zb."whatsnew" "specials" ..*/

DIV.boxPrice {

	color: #333333;

	font-weight: bold;

	background-color: #FFF;

	padding: 3px;

	width: 80%;

	text-align: center;

	margin-top: 2px;

	margin-right: auto;

	margin-left: auto;

}

/* guthabenanzeige in der box "cart" */

.gvBox {

	font-family : Tahoma, Verdana, Arial, sans-serif;

	font-size : 14px;

	font-weight: bold;

	border: 1px solid #277f04;

	background-color: #ffc56f;

}





/*** BESTSELLERSBOX  ***/

.bestsellers  {

	border-bottom: 1px solid #a9a9a9;

	font-size: 11px;

}

/*preisfeld in der "bestsellersbox" */

.boxTextPrice {

	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: 11px;

	color: #3b3b3b;

	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;

	font-family: Tahoma, Arial, Verdana;

	color: #484848;

	margin: 0px;

	padding: 0px;

}

#box_information li {

	list-style: none;	

	margin: 3px 0px 0px 0px;

	padding: 3px 5px 3px 5px; 

	border-bottom: 1px solid #FFFFFF;

}

#box_information li a {

	text-decoration: none;

	font-size: 1.05em;

	font-family: Tahoma, Arial, Verdana;

	color: #3b3b3b;



}

#box_information li a:hover {

	text-decoration: none;

	font-size: 1.05em;

	font-family: Tahoma, Arial, Verdana;

	color: #277f04;

	padding: 0px;

}

/*Menüliste für die box_content*/

UL#box_content {

	font-size: 1.05em;

	font-family: Tahoma, Arial, Verdana;

	color: #484848;

	margin: 0px;

	padding: 0px;

}

#box_content li {

	list-style: none;	

	margin: 3px 0px 0px 0px;

	padding: 3px 5px 3px 5px; 

	border-bottom: 1px solid #FFFFFF;

}

#box_content li a {

	text-decoration: none;

	font-size: 1.05em;

	font-family: Tahoma, Arial, Verdana;

	color: #3b3b3b;



}

#box_content li a:hover {

	text-decoration: none;

	font-size: 1.05em;

	font-family: Tahoma, Arial, Verdana;

	color: #277f04;

	padding: 0px;

}

/*Menüliste für die box_extra1*/

UL#box_extra1 {

	font-size: 1.05em;

	font-family: Tahoma, Arial, Verdana;

	color: #484848;

	margin: 0px;

	padding: 0px;

}

#box_extra1 li {

	list-style: none;	

	margin: 3px 0px 0px 0px;

	padding: 3px 5px 3px 5px; 

	border-bottom: 1px solid #FFFFFF;

}

#box_extra1 li a {

	text-decoration: none;

	font-size: 1.05em;

	font-family: Tahoma, Arial, Verdana;

	color: #3b3b3b;

}

#box_extra1 li a:hover {

	text-decoration: none;

	font-size: 1.05em;

	font-family: Tahoma, Arial, Verdana;

	color: #277f04;

	padding: 0px;

}

/*Menüliste für die box_extra2*/

UL#box_extra2 {

	font-size: 1.05em;

	font-family: Tahoma, Arial, Verdana;

	color: #484848;

	margin: 0px;

	padding: 0px;

}

#box_extra2 li {

	list-style: none;	

	margin: 3px 0px 0px 0px;

	padding: 3px 5px 3px 5px; 

	border-bottom: 1px solid #FFFFFF;

}

#box_extra2 li a {

	text-decoration: none;

	font-size: 1.05em;

	font-family: Tahoma, Arial, Verdana;

	color: #3b3b3b;

}

#box_extra2 li a:hover {

	text-decoration: none;

	font-size: 1.05em;

	font-family: Tahoma, Arial, Verdana;

	color: #277f04;

	padding: 0px;

}



/*** STARTSEITE ***/

/* "willkommen" */

.pageHeading {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 16px;

  font-weight: bold;

  color: #333333;

}



/* besucherbegrüssung  "gast" "herr/frau name" */

SPAN.greetUser {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  color: #277f04;

  font-weight: bold;

}





/**** MODULDATEIEN ****/

/* überschiften in den moduldateien */

.contentsTopics {

	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: 1.1em;

	color: #4e4c4b;

	font-weight: bold;

	background-image: url(img/boxes/box_title_left.gif);

	background-repeat: repeat-x;

	height: 24px;

	line-height: 24px;

	vertical-align: middle;

	padding: 0px 10px 0px 10px;

	margin: 0px;

}

.moduleHeading {

	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: small;

	font-weight: bold;

	padding-bottom: 10px;

}

.smallHeading {

	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: 11px;

	font-weight: bold;

	color: #277f04;

}

/* texte in den modultateien */

/*zb in reviews */

.small_text {

	font-family: Tahoma, Verdana, Arial, san-serif;

	font-size: 10px;

	color: #669933;

}

.smallText {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 11px;

  color: #000;

}

/* hintergrundfeld in den moduldateien */

#contentsBG {

	padding: 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 {

	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: 10px;

	background-color: #ffffff;

}

.boxTextBGIII {

	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: 10px;

	background-color: #FFF;

}

SPAN.total {

	font-size: 12px;

	font-weight: bold;

	color: #277f04;

}

.summe {

	font-family: Tahoma, Verdana, Arial, san-serif;

	font-size: 12px;

	color: #669933;

}

/*nicht genug auf lager anzeige im shopping_cart bzw. orderdetails*/

.stockWarning { 

	font-family : Tahoma, Verdana, Arial, sans-serif;

	font-size : 10px;

	color: #cc0033;

}

/*gutscheinefeld in shopping_cart.html bzw. gift_cart.html  und error_message für die suche*/

.boxTextBGII {

	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: 11px;

	color: #484848;

	border: 1px solid #277f04;

	background-color:  #bfbfbf;

}

/*hintergundfelder bei "new_products_default" "new_products_overview" "specials"*/

.centerfield {

	background-color: #FFF;

	vertical-align: top;

	text-align: center;

	padding: 5px;

	height: auto;

}

.centerfield:hover {

	background-color: #FFF;

	vertical-align: top;

	text-align: center;

	padding: 5px;

}

SPAN.products_price {

	font-size: 1.1em;

	color: #000000;

	font-weight: bold;

}

SPAN.shipping {

	font-size: 12px;

}

.products_table {

	background-color: #ffffff;

}

.products_table:hover {

	background-color: #FFF;

}

/*** "categorie_listing" kategoriebild ***/

#float_image_right {

	float: right;

	padding: 5px 5px 15px 15px;

}

.moreHeading {
	font-size: 14px;
	font-weight: bold;
	color: #298204;
}

/*** product_info ***/

SPAN.info_price {

	font-size: 1.2em;

	color: #669933;

	font-weight: bold;

}

/* hintergrund in der tabellarischen attribute auflistung (tablelisting.html) */

.tableListingI {

	background-color: #f1f1f1;

	color: #999999;

}

.tableListingII {

	background-color: #ced0d1;

	color: #484848;

}

/* UPCOMING_PRODUCTS */

.upcomingListingI {

	background-color: #8c8d8d;

	color: #f1f1f1;

	font-size: 0.83em;



}

.upcomingListingI a {

	color: #f1f1f1;

}

.upcomingListingI a:hover {

	color: #f1f1f1;

	text-decoration: underline;

}

.upcomingListingII {

	background-color: #ced0d1;

	color: #484848;

	font-size: 0.83em;

}

.upcomingListingII a {

	color: #484848;

}

.upcomingListingII a:hover {

	color: #484848;

	text-decoration: underline;

}

/*** REVIEWS ***/

SPAN.ratingtext {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 10px;

  font-weight: bold;

  color: #990033;

}



/**** LOGIN / ACCOUNT - DATEIEN ***/

/* zb in login.html / account - dateien / create_account */

DIV.formArea {
	background-color: #FFFFFF;
	border: 1px solid #cccccc;
	padding: 5px;
	margin-bottom: 10px;
}

TABLE.formArea, TD.formArea {

	background-color: #ffffff;

	border-top: 1px solid #FFFFFF;

	border-bottom: 1px solid #FFFFFF;

	margin-bottom: 10px;

}

.formArea:hover {
	background-color: #FFFFFF;
	border: 1px solid #999999;
}

.formAreaTitle {

	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: 13px;

	font-weight: bold;

	color: #277f04;

}

/*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 5px;

	padding: 0px 5px 0px 20px;

}

UL#account_list li a {

	font-family: Tahoma, Verdana, Arial, san-serif;

	color: #999999;

	font-size: 12px;

	text-decoration: none;

}

UL#account_list li a:hover {

	font-family: Tahoma, Verdana, Arial, san-serif;

	font-size: 12px;

	color: #999999;

	text-decoration: underline;

}



/* abstand für die überschriften in create_account */

.abstand {

	margin-top: 10px;

	padding-left: 5px;

}

/* "notwendige Angabe" bei accounterstellung */

.inputRequirement { 

	font-family: Tahoma, Verdana, Arial, sans-serif; 

	font-size: 0.84em; 

	color: #66cc33;

}

/* adressfeld in sämtlichen dateien des adressbuchs und im checkout */

.address_lable {

	background-color: #bfbfbf;

	font-family: Tahoma, Verdana, Arial, san-serif;

	font-size: 12px;

	color: #484848;

	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-family: Tahoma, Verdana, Arial, sans-serif;

 	font-size: 11px;

 	line-height: 1.5;

 	color: #484848;

 	background-color: #bfbfbf;

 	cursor: pointer;

}

.moduleRowOver {

	font-family: Tahoma, Verdana, Arial, sans-serif;

 	font-size: 11px;

 	line-height: 1.5;

 	color: #484848; 

	background-color: #ffc56f;

	cursor: pointer; 

}

/* nur bei zahlungs und versandartauswahl */

.moduleRowSelected {

	font-family: Tahoma, Verdana, Arial, sans-serif;

 	font-size: 11px;

 	line-height: 1.5;

 	color: #484848; 

	background-color: #ffc56f;

}

/* gutscheinfeld - checkout_payment.html */

.cot_gv {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 11px;

  line-height: 1.5;

  color: #3b3b3b;

}

/* CHECKOUT DATEIN */

.checkoutTitle {

	font-family: Tahoma, Verdana, Arial, san-serif;

	font-size: 11px;

	font-weight: bold;

	padding-top: 10px;

}

TABLE.checkoutTable {

	background-color: #ffffff;

	border-top: 1px solid #FFFFFF;

	border-bottom: 1px solid #FFFFFF;

}

DIV.checkoutTable {

	background-color: #ffffff;

	border-top: 1px solid #FFFFFF;

	border-bottom: 1px solid #FFFFFF;

	padding: 5px;

}

.tableabstand {

	margin-top: 25px;

	margin-bottom: 15px;

}

.checkoutBarFrom, .checkoutBarTo { 

	font-family: Tahoma, Verdana, Arial, sans-serif; 

	font-size: 0.95em; 

	color: #666666; 

}

.checkoutBarCurrent { 

	font-family: Tahoma, Verdana, Arial, sans-serif; 

	font-size: 0.95em;
	font-weight: bold;
	padding-right: 5px;

	color: #277F04;

}

.checkout_bullet {

	background-image: url(img/checkout_bullet.gif);

	background-repeat: no-repeat;

	background-position: 0px 5px;

}

.checkout_bullet2 {

	background-image: url(img/checkout_bullet2.gif);

	background-repeat: no-repeat;

	background-position: 0px 5px;

}

/* agb akzeptieren feld */

.conditions {

	font-family: Tahoma, Verdana, Arial, san-serif;

	font-size: 12px;

	color: #990033;

	background-color: #ffcccc;

  	border: 1px solid #990033;

	padding: 3px;

	margin-top: 2px;

}

SPAN.checktext {

	font-weight: normal;

}

/* hinweis der oben angezeigt wird */

.confirmationText {

	font-family: Tahoma, Verdana, Arial, san-serif;

	font-size: 12px;

	color: #277f04;

  	border-top: 1px solid #FFFFFF;

  	border-bottom: 1px solid #FFFFFF;

	padding: 3px;

}

/* checkout_success.html */

.successTopics {

	font-family: Tahoma, Verdana, Arial, sans-serif;

	font-size: 14px;

	color: #277f04;

	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-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  color: #66cc33;

  font-weight: bold;

}

/******* PREISE ********/

SPAN.productSpecialPrice {

  font-family: Verdana, Arial, sans-serif;

  color: #ff0000;

}

SPAN.productOldPrice {

	font-family: Verdana, Arial, sans-serif;

	color: #990033;

	text-decoration: line-through;

}

SPAN.productDiscountPrice {

  font-family: Verdana, Arial, sans-serif;

  color: #990033;

  font-weight: bold;

}



/* Kategorie Liste (übersicht) */

.sitemap_heading {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 

	font-size: 10pt; 

	color: #484848; 

	background-color: #dadada;

	border-top: 1px solid #277f04;

	border-bottom: 1px solid #277f04;

	padding: 2px;

}

.sitemap_heading a {

	color: #484848;

}

.sitemap_heading a:hover {

	color: #333333; 

	text-decoration:none;

}

.sitemap_sub {

	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 

	font-size: 9pt; 

	color: #dadada; 

	border-bottom: 1px solid #ffc56f; 

	padding: 2px 2px;

}

.sitemap_sub a {

	color:#dadada;

}

.sitemap_sub a:hover {

	color: #dadada;

	text-decoration: underline;

}

/* Hersteller Liste */

.manufacturers_heading {

	font-family: Verdana, Arial, Helvetica, sans-serif; 

	font-size: 10pt; 

	color: #484848; 

	background-color: #dadada;

	border-top: 1px solid #277f04;

	border-bottom: 1px solid #277f04;

	padding-top: 2px; 

	padding-bottom: 2px;

}

.manufacturers_heading a {

	color: #277f04;

	font-weight: bold;

}

.manufacturers_heading a:hover {

	color: #333333; 

	text-decoration: none;

}



/*** linien zb in product_listing ***/

.line_top {

	border-top: 1px solid #FFFFFF;

}

.line_right {

	border-right: 1px solid #FFFFFF;

}

.line_bottom {

	border-bottom: 1px solid #FFFFFF;

}

/* MELDUNGEN */

.errorBox {

	font-family : Tahoma, Verdana, Arial, sans-serif;

	font-size : 11px;

	color: #282828;

	background-color: #ffcccc;

	border: 1px solid #990033;

	text-align: center;

	padding: 1px;

}

.errorBox2 {

	font-family : Tahoma, Verdana, Arial, sans-serif;

	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-family: Tahoma, Verdana, Arial, sans-serif;

  font-weight: bold;

  color: #990033;

}

/* meldung beim checkout_payment */

.infoBoxNotice {

  background: #ffcccc;

  padding: 2px;

}

.infoBoxNoticeContents {

  background: #990033;

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 10px;

}

.productsNotifications {

	background-color: #f2fff7;

}

/*message zb. gift_cart.html, login.html*/

.headerMessage {

	background-color: #66cc33;

	color: #333333;

	text-align: center;

	font-weight: bold;

	padding: 1px;

}

.headerError {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  background: #ff0000;

  color: #ffffff;

  font-weight : bold;

  text-align : center;

}

.headerInfo {

  background: #00ff00;

}

.headerInfo {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  background: #00ff00;

  color: #ffffff;

  font-weight: bold;

  text-align: center;

}



TD.fieldKey {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}



TD.fieldValue {

  font-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 12px;

}



SPAN.underline {

	text-decoration: underline;

}



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



#design {

	background-image: url(img/bottom.gif);

	background-repeat: repeat-x;

	background-position: 0px 2px;

	height: 28px;

	line-height: 28px;

	font-family: Tahoma, Verdana, Arial, san-serif;

	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: #277f04;

}



/* sitewide font classes */

/* Note: heading<Number> equals <font size="Number"> */

.heading1 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 7pt; }

.heading2 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 9pt; }

.heading3 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 10pt; }

.heading4 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 12pt; }

.heading5 { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; 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-family: Tahoma, Verdana, Arial, sans-serif;

  font-size: 10px;

  color: #000000;

}

TD.accountCategory {

  font-family: Verdana, Arial, sans-serif;

  font-size: 13px;

  color: #aabbdd;

}

.tableBody {

padding: 5px;

}

TD.tableHeading {

  font-family: Verdana, Arial, sans-serif;

  font-size: 12px;

  font-weight: bold;

}
h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #277f04;
	margin-top: 20px;
}
#navtrail{
height: 10px;
padding-left: 200px;
color: #003300}

#navtrail a{color: #003300; font-size: 11px; text-decoration:none;}
#navtrail a hover{color: #003300; font-size: 11px; text-decoration:underline;}

/*Komfort Warenkorb*-stopart 10.07.09*/
.plus {
display: block;
background-image: url(img/plus.gif);
background-repeat: no-repeat;
width: 13px;
height: 13px;
border: 0px;
font-size: 0px;
cursor: pointer;
}

.minus {
display: block;
background-image: url(img/minus.gif);
background-repeat: no-repeat;
width: 13px;
height: 13px;
border: 0px;
font-size: 0px;
cursor: pointer;
}

.alter {
display: block;
background-image: url(img/alter.gif);
background-repeat: no-repeat;
width: 13px;
height: 13px;
border: 0px;
font-size: 0px;
cursor: pointer;
}

.delete {
display: block;
background-image: url(img/delete.gif);
background-repeat: no-repeat;
width: 19px;
height: 22px;
border: 0px;
font-size: 0px;
background-color: #FFF;
cursor: pointer;
}
/*Komfort Warenkorb*/