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

   $Id: stylesheet.css 2808 2007-08-28 08:08 tikla $   

   XT-Commerce - community made shopping



   http://www.free-commerce.de







   Copyright (c) 2007 Fre(e-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

   (c) 2003	 xt:commerce (stylesheet.css 1262 2005/09/30); www.xt-commerce.com



   Released under the GNU General Public License 



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



/****** GRUNDLEGENDER STIL *****/



BODY {

	color: #181818;

	margin: 0px;

	background-color: #918F8F;

}



img { border-style: none; border-width: 0; }



FORM {

	display: inline;		   

}



.onepxwidth {

	width: 1px;

}



CHECKBOX, INPUT, RADIO, SELECT {

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

	font-size: 11px;

}



TEXTAREA {

  width: 98%;

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

  font-size: 11px;

}



/* schriftformatierung f?r allgem. textbereiche  */



.main {

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

	font-size: 0.98em;

	line-height: 1.5;

	color: black;

}



.main2 {

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

  font-size: 0.98em;

  line-height: 1.5;

  color: black;

}







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



#shop {

	width: 980px;

	border-right: 1px solid #000000;

	border-bottom: 1px solid #000000;

	border-left: 1px solid #000000;

}



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



TD.topNavigation {

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

	background-repeat: repeat-x;

	padding: 0px;

	background-color: #474444;

	border-bottom: 1px solid #000000;

}



UL#top_navigation {

	height: 30px;

	margin: 0px;

	padding: 0px;

}



UL#top_navigation li {

	list-style: none;

	float: right;

	height: 30px;

	border-left: 1px solid #000000;

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

	background-repeat: repeat-x;

	padding: 0px 10px 0px 10px;

}



UL#top_navigation li a {

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

	font-size: 12px;

	color: #f1f1f1;

	line-height: 28px;

	font-weight: bold;

}



UL#top_navigation li a:hover {

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

	font-size: 12px;

	color: #f9f9f9; 

	font-weight: bold;

	text-decoration: underline;

	padding-bottom: 1px;

}

LI.nav_spacer {

	width: 10%;

}



/* headerbereich f?r top_logo */



#header_background { background-image: url(img/header/header_bg.jpg); background-repeat: no-repeat; height: 150px; text-align: left; padding-left: 5px; border-top: 1px solid #000000; border-bottom: 1px solid #000000; border-left: 1px solid #000000; }

#headercode {

	background-image: url(img/header/code.png);

	background-repeat: no-repeat;

	background-position: right;

	height: 120px;

	width: 99%;	

}

/* suchfeld in der box_SEARCH */

.flatSearch {

	border: 1px solid #cccccc;

	padding: 2px;

	position: 0px;}



#header_search {

	float: right;

}



#logo {

	background-image: url(img/header/top_logo.png);

	background-repeat: no-repeat;

	background-position: left;

	height: 120px;

}





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



TD.headerNavigation {

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

	font-size: 11px;

	color: #f1f1f1; 

	font-weight : normal;

	background-color: #494444;

	height: 18px;

	vertical-align: middle;

	padding-left: 5px;

}

A.headerNavigation  { 

  color: #f1f1f1; 

}



A.headerNavigation:hover {

  color: #cccccc;

}



/********* S?MTLICHE LINKDEFINITIONEN *************/



/*allgem. links*/



A {

  color: black;

  text-decoration: none;

}

A:hover {

  color: black;

  text-decoration: underline;

}

/*loginbox passwort vergessen */

A.pw {

	font-size: 11px;

	color: black;

	text-decoration: underline;

}

A.pw:hover {

	font-size: 11px;

	color: black;

	text-decoration: none;

}



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



A.boxLink {

	color: black;

	font-size: 12px;

	font-weight: bold;

	text-decoration: none;

}

A.boxLink:hover {

	color: black;

	font-weight: bold;

	text-decoration: underline;

}



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



A.boxLinkText {

	color: black;

	font-size: 12px;

	text-decoration: none;

}

A.boxLinkText:hover {

	color: black;

	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: gray;

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

	background-repeat: no-repeat;

	background-position: right center;

	display: block;

	width: 180px;

	line-height: 23px;

}



A.show_left:hover {

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

	background-repeat: no-repeat;

	color: gray;

	text-decoration: none;

	line-height: 23px;

}



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



A.show_right {

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

	font-size: 1em;

	color: gray;

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

	background-repeat: no-repeat;

	background-position: right center;

	display: block;

	width: 180px;

	line-height: 23px;

}



A.show_right:hover {

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

	background-repeat: no-repeat;

	color: gray;

	text-decoration: none;

	line-height: 23px;

}



/*link erweiterte Suche in der "searchbox" wenn als Box aktiviert */

/*

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: gray;

}

.box_shipping_link a:hover {

	color: gray;

}



/* produkttitel als link zb. "new_products_default" u. "cart.html" */



.products_link {

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

	font-size: 1.1em;

	color: gray;

	font-weight: bold;

	text-decoration: none;

}

.products_link:hover {

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

	font-size: 1.1em;

	color: gray;

	text-decoration: underline;

}

/* produkttitel auf der startseite in der slideshow */

.products_link {

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

	font-size: 1.1em;

	color: gray;

	font-weight: bold;

	text-decoration: none;

}

.products_link:hover {

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

	font-size: 1.1em;

	color: gray;

	text-decoration: underline;

}

/* produkttitel link in der reviews_info */



A.reviews_link {

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

	font-size: 12px;

	color: gray;

	font-weight: bold;

	text-decoration: none;

}

A.reviews_link:hover {

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

	font-size: 12px;

	color: gray;

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

	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: gray;

}



A.pageResults {

	color: gray;

	text-decoration: underline;

}



A.pageResults:hover { color: gray; }



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

	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: 20px;

	width: 20px;

	display: block;

	margin: 0px 25px 5px 25px;

}

A.first:hover {

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

	background-repeat: no-repeat;

	background-position: -20px 0px;

	height: 20px;

	width: 20px;

	display: block;

	margin: 0px 25px 5px 25px;

}

A.back {

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

	background-repeat: no-repeat;

	background-position: 0px 0px;

	height: 20px;

	width: 20px;

	display: block;

	margin: 0px 25px 5px 25px;

}

A.back:hover {

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

	background-repeat: no-repeat;

	background-position: -20px 0px;

	height: 20px;

	width: 20px;

	display: block;

	margin: 0px 25px 5px 25px;

}

A.next {

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

	background-repeat: no-repeat;

	background-position: 0px 0px;

	height: 20px;

	width: 20px;

	display: block;

	margin: 0px 25px 5px 25px;

}

A.next:hover {

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

	background-repeat: no-repeat;

	background-position: -20px 0px;

	height: 20px;

	width: 20px;

	display: block;

	margin: 0px 25px 5px 25px;

}

A.last {

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

	background-repeat: no-repeat;

	background-position: 0px 0px;

	height: 20px;

	width: 20px;

	display: block;

	margin: 0px 25px 5px 25px;

}

A.last:hover {

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

	background-repeat: no-repeat;

	background-position: -20px 0px;

	height: 20px;

	width: 20px;

	display: block;

	margin: 0px 25px 5px 25px;

}





/* CONTENTBEREICH  - index.html */



#main_col {

	padding-left: 10px;

	padding-right: 10px;

	text-align: left;

	vertical-align: top;

	background-color: #464343;

}



/****** BOXEN links und rechts ******/



/*linke boxenspalte - index.html*/



#left_col { width: 195px; vertical-align: top; margin: 0; padding: 0; background-color: #464343; }



/*rechte boxenspalte - index.html*/



#right_col { width: 195px; vertical-align: top; margin: 0; padding: 0; background-color: #464343; }



/*** KATEGORIEBOX ***/







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



#boxCategories {

}



#boxCategories ul {

	margin: 0px;

	padding: 0px;

}

#boxCategories ul li { list-style-type: none; padding: 2px; }

#boxCategories ul li a.normal {

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

	font-size: 1.2em;

	color: #333;

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

	background-repeat: no-repeat;

	background-position: 0 4px;

	padding-left: 15px;

}

#boxCategories ul li a.normal:hover {

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

	font-size: 1.2em;

	color: #333;

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

	background-repeat: no-repeat;

	background-position: 0 4px;

}

/*aktive hauptkategorie*/

#boxCategories ul li a.active {

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

	font-size: 1.2em;

	color: #333;

	font-weight: bold;

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

	background-repeat: no-repeat;

	background-position: 0 4px;

	padding-left: 15px;

}

#boxCategories ul li a.active:hover {

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

	font-size: 1.2em;

	color: #333;

	font-weight: bold;

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

	background-repeat: no-repeat;

	background-position: 0 4px;

}



/****** zweite ebene  (Unterkategorie) ******/ 



#boxCategories ul ul { margin: 2px 0 0; padding: 0; }

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

#boxCategories ul ul li a.normal {

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

	font-size: 1.2em;

	color: #333;

	background-image: none;

	padding-left: 5px; 

}

#boxCategories ul ul li a.normal:hover {

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

	font-size: 1.2em;

	color: #333;

	background-image: none;

}

/* aktive unterkategorie */

#boxCategories ul ul li a.active {

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

	font-size: 1.2em;

	color: #333;

	font-weight: bold;

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

	background-repeat: no-repeat;

	background-position: 2px 4px;

	padding-left: 15px; 

}

#boxCategories ul ul li a.active:hover {

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

	font-size: 1.2em;

	color: #333;

	font-weight: bold;

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

	background-repeat: no-repeat;

	background-position: 2px 4px;

	padding-left: 15px;

}





/****** dritte ebene  (Unter-Unter-kategorie) ******/



#boxCategories ul ul ul { margin: 2px 0 0; padding: 0; }

#boxCategories ul ul ul li {

	padding: 2px 0;

	backgro

}

#boxCategories ul ul ul li a.normal {

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

	font-size: 1.2em;

	color: #333333;

	padding-left: 5px; 

}

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

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

	font-size: 1.2em;

	color: #333;

	padding-left: 5px;

}

#boxCategories ul ul ul li a.active {

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

	font-size: 1.2em;

	color: #333;

	font-weight: bold;

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

	background-repeat: no-repeat;

	background-position: 2px 3px;

	padding-left: 15px;  

}

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

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

	font-size: 1.2em;

	color: #333;

	font-weight: bold;

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

	background-repeat: no-repeat;

	background-position: 2px 3px;

	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: 0; padding: 0; }



/* "nur text" in den boxen */



.boxText { 

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

	font-size: 0.9em;

	color: black;

}



/*LINKE BOXEN */



/*?berschrift*/



.infoBoxHeading_left { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1em; font-weight: bold; color: gray; height: 24px; line-height: 24px; background-color: white; vertical-align: middle; text-indent: 10px; background-image: url(img/boxes/boxtitel_bg.gif); background-repeat: no-repeat; background-position: right 0; margin-bottom: 5px; border: solid 1px #df6e2c; }



/*inhalt*/



.infoBox_left { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 0.9em; padding: 5px; color: black; background-color: #f6f6f6; background-image: url(img/boxcont_bg.jpg); background-repeat: no-repeat; background-position: right bottom; margin: 0 0 10px; border: solid 1px #df6e2c; }
/*inhalt zentriert*/



.infoBox_left_center { color: black; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 0.9em; background-color: #f6f6f6; background-image: url(img/boxcont_bg.jpg); background-repeat: no-repeat; background-position: right bottom; text-align: center; margin: 0 0 10px; padding: 5px; }







/*RECHTE BOXEN*/



/*?berschriften*/



.infoBoxHeading_right { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1em; font-weight: bold; color: gray; height: 24px; line-height: 24px; background-color: white; vertical-align: middle; text-indent: 10px; background-image: url(img/boxes/boxtitel_bg.gif); background-repeat: no-repeat; background-position: right 0; margin-bottom: 5px; border: solid 1px #df6e2c; }



/*inhalt*/



.infoBox_right { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 0.9em; margin: 0 0 10px; padding: 5px; color: black; background-color: #f6f6f6; background-image: url(img/boxcont_bg.jpg); background-repeat: no-repeat; background-position: right bottom; border: solid 1px #df6e2c; }



.infoBox_right_center {

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

	font-size: 0.9em;

	text-align: center;

	margin: 0 0 10px;

	padding: 5px;

	color: black;

}



/**BOX_CART**/



/*in produkte der box "warenkorb"*/



.cart_products { border-bottom: 1px solid #484848; padding: 5px; }



.boxText_cart {

	color: #333;

}



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



DIV.boxPrice {

	color: #333333;

	font-weight: bold;

	padding: 3px;

	width: 80%;

	text-align: center;

	margin-top: 2px;

	margin-right: auto;

	margin-left: auto;

}



/* guthabenanzeige in der box "cart" */



.gvBox { color: #333; font-family : Tahoma, Verdana, Arial, sans-serif; font-size : 14px; font-weight: bold; border: solid 1px #d20000; }





/*** BESTSELLERSBOX  ***/



.bestsellers  {

	border-bottom: 1px solid #484848;

	font-size: 11px;

}



/*preisfeld in der "bestsellersbox" */

.boxTextPrice {

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

	font-size: 11px;

	color: #333333;

	text-align: right;

	font-weight: bold;

}



.bestsellers_shipping_link {

	color: #333;

	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: 1em;

	font-family: Tahoma, Arial, Verdana;

	color: #333;

	margin: 0;

	padding: 0;

}

#box_information li { list-style: none; margin: 3px 0 0; padding: 3px 5px; }



#box_information li a {

	text-decoration: none;

	font-size: 1em;

	font-family: Tahoma, Arial, Verdana;

	color: #333;

}

#box_information li a:hover {

	text-decoration: underline;

	font-size: 1em;

	font-family: Tahoma, Arial, Verdana;

	color: #333;

	padding: 0;

}



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



UL#box_content {

	font-size: 1em;

	font-family: Tahoma, Arial, Verdana;

	color: #333;

	margin: 0;

	padding: 0;

}

#box_content li { list-style: none; margin: 3px 0 0; padding: 3px 5px; }

#box_content li a {

	text-decoration: none;

	font-size: 1em;

	font-family: Tahoma, Arial, Verdana;

	color: #333;

}

#box_content li a:hover {

	text-decoration: underline;

	font-size: 1em;

	font-family: Tahoma, Arial, Verdana;

	color: #333;

	padding: 0;

}



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



UL#box_extra1 {

	font-size: 1em;

	font-family: Tahoma, Arial, Verdana;

	color: #333;

	margin: 0;

	padding: 0;

}

#box_extra1 li {

	list-style: none;	

	margin: 3px 0px 0px 0px;

	padding: 3px 5px 3px 5px; 

	border-bottom: 1px solid #484848;

}

#box_extra1 li a {

	text-decoration: none;

	font-size: 1em;

	font-family: Tahoma, Arial, Verdana;

	color: #333;

}

#box_extra1 li a:hover {

	text-decoration: none;

	font-size: 1em;

	font-family: Tahoma, Arial, Verdana;

	color: #333;

	padding: 0;

}



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

UL#box_extra2 {

	font-size: 1em;

	font-family: Tahoma, Arial, Verdana;

	color: #333;

	margin: 0;

	padding: 0;

}

#box_extra2 li {

	list-style: none;	

	margin: 3px 0px 0px 0px;

	padding: 3px 5px 3px 5px; 

	border-bottom: 1px solid #484848;

}

#box_extra2 li a {

	text-decoration: none;

	font-size: 1em;

	font-family: Tahoma, Arial, Verdana;

	color: #333;

}

#box_extra2 li a:hover {

	text-decoration: none;

	font-size: 1em;

	font-family: Tahoma, Arial, Verdana;

	color: #333;

	padding: 0;

}





/*** STARTSEITE ***/



/* "willkommen" */

.pageHeading {

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

  font-size: 16px;

  font-weight: bold;

  color: teal;

}



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



SPAN.greetUser {

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

  font-size: 12px;

  color: black;

  font-weight: bold;

}











/**** MODULDATEIEN ****/



/* ?berschiften in den moduldateien */



.contentsTopics { font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 1.1em; color: gray; font-weight: bold; background-image: url(img/boxes/boxtitel_bg.gif); background-repeat: no-repeat; height: 24px; line-height: 24px; background-color: #fff; background-position: right top; vertical-align: middle; padding: 0 10px; margin: 0 0 5px; border: solid 1px #df6e2c; }



.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: black;

}



/* texte in den modultateien */



/*zb in reviews */



.small_text {

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

	font-size: 10px;

	color: black;

}



.smallText {

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

  font-size: 11px;

  color: black;

}



/* hintergrundfeld in den moduldateien */



#contentsBG {

	background-color: white;

	padding: 10px;

	margin: 0;

	vertical-align: top;

}

.contentsborder {

	border: solid 1px #df6e2c;

}

/* 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 { color: black; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 11px; background-color: white; }

.boxTextBGIII { color: black; font-family: Tahoma, Verdana, Arial, sans-serif; font-size: 10px; background-color: white; }



SPAN.total {

	font-size: 16px;

	font-weight: bold;

	color: black;

}



.summe {

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

	font-size: 12px;

	color: black;

}



/*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: black;

	border: solid 1px #333333;

}



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



.centerfield { color: black; background-color: white; vertical-align: top; text-align: center; padding: 5px; height: auto; }



.centerfield:hover {

	background-color: white;

	vertical-align: top;

	text-align: center;

	padding: 5px;

}



SPAN.products_price {

	font-size: 1.1em;

	color: black;

	font-weight: bold;

}

/* in der slideshow auf der startseite */

SPAN.products_slideprice {

	font-size: 1.1em;

	color: black;

	font-weight: bold;

}

SPAN.shipping {

	font-size: 12px;

}



.products_table {

	background-color: white;

}

.products_table:hover {

	background-color: white;

}



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



#float_image_right {

	float: right;

	padding: 5px 5px 15px 15px;

}

.moreHeading {

	font-size: 14px;

	font-weight: bold;

	color: black;

}



/*** product_info ***/

SPAN.info_price {

	font-size: 1.4em;

	color: black;

	font-weight: bold;

}

#infoContentsBG {

	background-color: white;

	padding: 0;

	margin: 0;

	vertical-align: top;

}

.infoBG {

	background-color: silver;

	border-right: 5px solid #000000;

}

.infoField {

	background-color: white;

}

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



.tableListingI {

	background-color: white;

	color: black;

}

.tableListingII {

	background-color: white;

	color: black;

}



/* UPCOMING_PRODUCTS */



.upcomingListingI {

	background-color: white;

	color: black;

	font-size: 0.83em;

}



.upcomingListingI a {

	color: black;

}

.upcomingListingI a:hover {

	color: black;

	text-decoration: underline;

}



.upcomingListingII {

	background-color: white;

	color: black;

	font-size: 0.83em;

}

.upcomingListingII a {

	color: black;

}

.upcomingListingII a:hover {

	color: black;

	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: white;

	border-top: 1px solid #333333;

	border-bottom: 1px solid #333333;

	padding: 5px;

	margin-bottom: 10px;

}



TABLE.formArea, TD.formArea {

	background-color: white;

	border-top: 1px solid #333333;

	border-bottom: 1px solid #333333;

	margin-bottom: 10px;

}



.formArea:hover {

	background-color: white;

	border-top: 1px solid #333333;

	border-bottom:1px solid #333333;

}



.formAreaTitle {

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

	font-size: 0.9em;

	font-weight: bold;

	color: black;

}



/*account.html*/



UL#account_list {

	padding: 0px;

	margin: 10px 0px 0px 0px;

}

UL#account_list li {

	list-style: none;

	background-image: url(img/arrow_grey.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: black;

	font-size: 12px;

	text-decoration: none;

}

UL#account_list li a:hover {

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

	font-size: 12px;

	color: black;

	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.95em;

	color: #66cc33;

}



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



.address_lable {

	background-color: white;

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

	font-size: 12px;

	color: black;

	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: black;

 	background-color: white;

 	cursor: pointer;

}

.moduleRowOver {

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

 	font-size: 11px;

 	line-height: 1.5;

 	color: black; 

	background-color: white;

	cursor: pointer; 

}

/* nur bei zahlungs und versandartauswahl */



.moduleRowSelected {

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

 	font-size: 11px;

 	line-height: 1.5;

 	color: black; 

	background-color: #eee;

}



/* gutscheinfeld - checkout_payment.html */



.cot_gv {

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

  font-size: 11px;

  line-height: 1.5;

  color: black;

}



/* CHECKOUT DATEIN */



.checkoutTitle {

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

	font-size: 11px;

	font-weight: bold;

	padding-top: 10px;

}



TABLE.checkoutTable {

	background-color: white;

	border-top: 1px solid #484848;

	border-bottom: 1px solid #484848;

}

DIV.checkoutTable {

	background-color: white;

	border-top: 1px solid #484848;

	border-bottom: 1px solid #484848;

	padding: 5px;

}



.tableabstand {

	margin-top: 25px;

	padding-bottom: 15px;

}

/* bei der Kaufabwicklung obere und untere Anzeige wie weit die Abwicklung fortgeschritten ist */

.checkoutBarFrom, .checkoutBarTo { 

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

	font-size: 10px; 

	color: black; 

}

.checkoutBarCurrent { 

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

	font-size: 10px; 

	color: black;

	font-weight: bold;

}

.checkout_bullet {

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

	background-repeat: no-repeat;

	background-position: 0px 3px;

}

.checkout_bullet2 {

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

	background-repeat: no-repeat;

	background-position: 0px 3px;

}



/* agb akzeptieren feld */



.conditions {

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

	font-size: 12px;

	color: #ffffff;

	background-color: #d30000;

  	border: 1px solid #333333;

	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;

	font-weight: bold;

	color: #ffffff;

  	border-top: 1px solid #d20000;

  	border-bottom: 1px solid #d20000;

	padding: 3px;

}



/* checkout_success.html */



.successTopics {

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

	font-size: 14px;

	color: black;

	font-weight: bold;

	line-height: 24px;

	vertical-align: middle;

	padding: 0 10px;

	margin: 0;

}

.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: #e00000;

}



SPAN.productOldPrice {

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

	color: black;

	text-decoration: line-through;

}



SPAN.productDiscountPrice {

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

  color: #e00000;

  font-weight: bold;

}







/* Kategorie Liste (?bersicht) */



.sitemap_heading {

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

	font-size: 1.1em; 

	color: black; 

	background-color: #cccccc;

	border-top: 1px solid #df6e2c;

	border-bottom: 1px solid #df6e2c;

	padding: 2px;

}

.sitemap_heading a {

	color: black;

}

.sitemap_heading a:hover {

	color: black; 

	text-decoration:none;

}

.sitemap_sub {

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

	font-size: 9pt; 

	color: black; 

	border-bottom: 1px solid #484848; 

	padding: 2px;

}



.sitemap_sub a {



	color:black;



}



.sitemap_sub a:hover {



	color: black;



	text-decoration: underline;



}



/* Hersteller Liste */



.manufacturers_heading { font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size: 1em; color: black; background-color: white; padding-top: 5px; padding-bottom: 5px; }

.manufacturers_heading a {

	color: black;

	font-weight: bold;

}

.manufacturers_heading a:hover {

	color: black; 

	text-decoration: none;

}







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



.line_top {

	border-top: 1px solid #484848;

}

.line_right {

	border-right: 1px solid #484848;

}

.line_bottom {

	border-bottom: 1px solid #484848;

}



/* 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-repeat: repeat-x; background-position: 0 50%; height: 24px; line-height: 24px; font-family: Tahoma, Verdana, Arial, san-serif; font-size: 11px; color: #999999; background-color: #464343; text-align: right; vertical-align: middle; padding-right: 5px; border-top: 1px solid #000000; }

#design a {

	text-decoration: none;

	color: #999999;

}

#design a:hover {

	text-decoration: none;

	color: #ffffff;

}





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

}





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



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



}