/* -----------------------------------------------------------------------------------------
   $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 *****/
BODY {
	color: #FFFFFF;
	margin: 0px;
	background-color: #FFFFFF;
       background-image:url(img/pix/hintergrund.gif); 
	background-repeat:repeat-x;
	background-attachment:fixed;
}

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

img{
	border:none;
}

TD.reiternav {
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	font-weight : bold;
	text-align: center;
	vertical-align: middle;
       background-image:url(img/pix/back_small.gif); 
	background-repeat:repeat-x;
}

/* schriftformatierung für allgem. textbereiche  */
.main {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.95em;
	line-height: 1.5;
	color: #333333;
}
.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: 984px;
}

/* "navtrail" - seitennavigation /startseite/katalog.. */
TD.headerNavigation {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #FFFFFF; 
	font-weight : normal;
	background-color: #E41313;
	height: 18px;
	vertical-align: middle;
	padding-left: 5px;
	border-bottom: 1px solid #000000;
}
A.headerNavigation  { 
  	color: #FFFFFF; 
}
A.headerNavigation:hover {
  	color: #C3C3C3;
	text-decoration:underline overline;	
}

TR.leiste {
	background-color: #FFFFFF;
       background-image:url(img/pix/button_back.gif); 
	background-repeat:repeat-x;
	text-align: center;
}

TD.leiste {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight : bold;
       width:100px; 
	height:39px; 
}

A.leiste { 
	display:block;	
	background-image:url(img/pix/button_off.gif); 
	background-repeat: no-repeat;
       width:100px; 
	height:39px; 
	font-size: 12px;
  	color: #FFFFFF; 
	font-weight:400;
	letter-spacing:0.06em;
       width:100px; 
	height:39px; 
}

A.leiste:hover{ 
	display:block;	
	background-image:url(img/pix/button_on.gif); 
	background-repeat: no-repeat;
       width:100px; 
	height:39px; 
	font-size: 12px;
  	color: #FFFFFF;
	text-decoration:none;
	letter-spacing:0.01em;
	font-weight:800;
}

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

/*allgem. links*/
A {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
  	color: #000000;
  	text-decoration: none;
}

A:hover {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #990000;
  	text-decoration: underline;
}

A.pw {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #990000;
	text-decoration: underline;
}
A.pw:hover {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	color: #999999;
	text-decoration: none;
}

A.normal {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.0em;
	line-height: 1.5;
	color: #000000;
}
A.normal:hover {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.0em;
	line-height: 1.5;
	color: #990000;
}

A.reiternav  { 
	font-size: 11px;
  	color: #FFFFFF; 
	font-weight:400;
	letter-spacing:0.08em;
}
A.reiternav:hover {
	font-size: 11px;
  	color: #FFFFFF;
	text-decoration:none;
	letter-spacing:0.01em;
	font-weight:900;	
}

A.black  { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
  	color: #000000; 
}
A.black:hover {
	font-family: Verdana, Arial, sans-serif;
	font-size: 0.9em;
  	color: #CC0000;
	text-decoration:none;	
}


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

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

/****** BOXEN links und rechts ******/
/*linke boxenspalte - index.html*/
#left_col {
	width: 160px;
	height: 100%;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border-width: 3px;
	border-color: #E41313;
	border-style: solid;	
	border-top: none; 
	background-color: #f2f2f2;
	background-image: url(img/pix/bg_links.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}
/*rechte boxenspalte - index.html*/
#right_col {
	width: 160px;
	height: 100%;
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	border-width: 3px;
	border-color: #E41313;
	border-style: solid;	
	border-top: none; 
	background-color: #f2f2f2;
	background-image: url(img/pix/bg_rechts.gif);
	background-repeat: no-repeat;
	background-position: bottom;
}

/* CONTENTBEREICH  - index.html */
#main_col {
	padding-left: 5px;
	padding-right: 5px;
	text-align: left;
	vertical-align: top;
	background-color: #ffffff;
	border: none;
	border-bottom: 3px solid #E41313;
}



/*LINKE BOXEN */
/*überschrift*/
.infoBoxHeading {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	font-weight: bold;
	background-color: #990000;
	height: 20px;
  	margin: 0px;
  	padding: 0px;
}

/* "nur text" in den boxen */
.boxText { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	color: #3b3b3b;
}

/*inhalt*/
.infoBox_left {
	font-family: Tahoma, Verdana, Arial, sans-serif;
  	font-size: 0.9em;
  	margin: 0px;
  	padding: 0px;
  	color: #990000; 
}

.infoBox_left_center {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	text-align: center;
	background: #5d5d5d;
	margin: 0px;
	padding: 0px;
	color: #3b3b3b;
}


/*inhalt*/
.infoBox_right {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	margin: 0px;
	padding: 0px;
	color: #3b3b3b;
}
.infoBox_right_center {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	text-align: center;
	background: #5d5d5d;
	margin: 0px;
	padding: 0px;
	color: #3b3b3b;
}

/* "nur text" in den boxen */
.boxText { 
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.9em;
	color: #3b3b3b;
}

/**BOX_CART**/
/*in produkte der box "warenkorb"*/
.cart_products {
	border-bottom: 1px solid #666666;
	padding: 5px;
}
.boxText_cart {
	color: #990000;
}

/*preisfeld in boxen mit preis zb."whatsnew" "specials" ..*/
DIV.boxPrice {
	color: #333333;
	font-weight: bold;
	background-color: #cdcdcd;
	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 : 12px;
	font-weight: bold;
	border: 1px solid #990000;
	background-color: #ffc56f;
}

/*** KATEGORIEBOX ***/

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

}
#boxCategories ul {
	margin: 0px;
	padding: 0px;
}
#boxCategories ul li {
	list-style-type: none;
	padding: 0px;
	border-bottom: 0px solid #666666;
}
#boxCategories ul li a.normal {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.0em;
	line-height: 1.5;
	color: #000000;
	background-image: url(img/icon_kat.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 12px;
}
#boxCategories ul li a.normal:hover {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.0em;
	line-height: 1.5;
	color: #990000;
	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.0em;
	line-height: 1.5;
	color: #990000;
	font-weight: bold;
	background-image: url(img/icon_akat.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
	padding-left: 12px;
}
#boxCategories ul li a.active:hover {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.0em;
	line-height: 1.5;
	color: #990000;
	font-weight: bold;
	background-image: url(img/icon_akat_h.gif);
	background-repeat: no-repeat;
	background-position: 0px 5px;
}

/****** zweite ebene  (Unterkategorie) ******/ 
#boxCategories ul ul {
	margin: 0px 0px 0px 2px;
	padding: 0px;
}
#boxCategories ul ul li {
	padding: 0px;
	border-bottom: 0px solid #a9a9a9;
}
#boxCategories ul ul li a.normal {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.0em;
	color: #484848;
	background-image: url(img/icon_ukat.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-left: 14px; 
}
#boxCategories ul ul li a.normal:hover {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.0em;
	color: #990000;
	background-image: url(img/icon_ukat_h.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-left: 14px;
}
/* aktive unterkategorie */
#boxCategories ul ul li a.active {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.0em;
	color: #990000;
	font-weight: bold;
	background-image: url(img/icon_aukat.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-left: 14px; 
}
#boxCategories ul ul li a.active:hover {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.0em;
	color: #990000;
	font-weight: bold;
	background-image: url(img/icon_aukat_h.gif);
	background-repeat: no-repeat;
	background-position: 2px 5px;
	padding-left: 14px;
}


/*************************
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
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.0em;
	color: #990033;
	background-image: url(img/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 16px; 
}
#boxCategories ul ul ul li a.normal:hover {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.0em;
	color: #000000;
	background-image: url(img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	padding-left: 16px;
}
#boxCategories ul ul ul li a.active {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.0em;
	color: #3399ff;
	font-weight: bold;
	background-image: url(img/arrow_green.gif);
	background-repeat: no-repeat;
	background-position: 2px 2px;
	padding-left: 16px; 
}
#boxCategories ul ul ul li a.active:hover {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.0em;
	color: #99ccff;
	font-weight: bold;
	background-image: url(img/arrow_right.gif);
	background-repeat: no-repeat;
	background-position: 2px;
	padding-left: 16px;
}
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
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;
}
***********************************************/


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


/* texte in den modultateien */
/*zb in reviews */
.small_text {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 10px;
	color: #3b3b3b;
}

.smallText {
  font-family: Tahoma, Verdana, Arial, sans-serif;
  font-size: 11px;
  color: #000000;
}

/* hintergrundfeld in den moduldateien */
#contentsBG {
	background-color: #ffffff;
	padding: 8px;
	margin: 0px;
	vertical-align: top;
}

/*Menüliste für die box_content*/
UL#box_content {
	font-size: 0.95em;
	font-family: Tahoma, Arial, Verdana;
	color: #484848;
	margin: 0px;
	padding: 0px;
}
#box_content li {
	list-style: none;	
	margin: 3px 0px 0px 0px;
	padding: 1px 3px 1px 3px; 
	border-bottom: 0px solid #666666;
}
#box_content li a {
	text-decoration: none;
	font-size: 0.95em;
	font-family: Tahoma, Arial, Verdana;
	color: #3b3b3b;

}
#box_content li a:hover {
	text-decoration: none;
	font-size: 0.95em;
	font-family: Tahoma, Arial, Verdana;
	color: #990000;
}


/*img links im titel von den rechten boxen*/
A.show_right {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1em;
	color: #FFFFFF;
	background-image: url(img/icon_more_light.gif);
	background-repeat: no-repeat;
	background-position: right center;
	display: block;
	width: 160px;
}
A.show_right:hover {
	background-image: url(img/icon_more.gif);
	background-repeat: no-repeat;
	color: #FFFFFF;
	text-decoration: none;
}


/*** linien zb in product_listing ***/
.line_top {
	border-top: 1px solid #666666;
}
.line_right {
	border-right: 1px solid #666666;
}
.line_bottom {
	border-bottom: 1px solid #666666;
}


/**** MODULDATEIEN ****/
/* überschiften in den moduldateien */
.contentsTopics {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 1.3em;
	color: #4e4c4b;
	font-weight: bold;
	height: 18px;
	line-height: 18px;
	text-align: center;
	vertical-align: middle;
	border-bottom: 1px solid #666666;
	padding: 0px 0px 0px 0px;
	margin: 0px;
}
.moduleHeading {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	padding-bottom: 5px;
}
.smallHeading {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #990000;
}

/*** "categorie_listing" kategoriebild *** 5 5 15 15/
#float_image_right {
	float: right;
	padding: 5px 5px 5px 5px;
}



/* produkttitel als link zb. "new_products_default" */
.products_link {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.1em;
	color: #990000;
	font-weight: bold;
	text-decoration: none;
}
.products_link:hover {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 1.1em;
	color: #ff0000;
	text-decoration: underline;
}


.products_table {
	background-color: #fafafa;
}
.products_table:hover {
	background-color: #e2e2e2;
}


SPAN.products_price {
	font-size: 1.1em;
	color: #ff0000;
	font-weight: bold;
}

.nobr { white-space:nowrap; }

/*categorie_listing*/
A.catLink {
	font-size: 12px;
	font-weight: bold;
}
A.catLink:hover {
	font-size: 12px;
	font-weight: bold;
}

/*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: 0px solid #666666;
}
#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: #990000;
	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: 0px solid #666666;
}
#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: #990000;
	padding: 0px;
}

/*Menüliste für die box_extra2*/
UL#box_extra2 {
	font-size: 0.95em;
	font-family: Tahoma, Arial, Verdana;
	color: #484848;
	margin: 0px;
	padding: 0px;
}
#box_extra2 li {
	list-style: none;	
	margin: 3px 0px 0px 0px;
	padding: 1px 3px 1px 3px; 
	border-bottom: 0px solid #666666;
}
#box_extra2 li a {
	text-decoration: none;
	font-size: 0.95em;
	font-family: Tahoma, Arial, Verdana;
	color: #3b3b3b;
}
#box_extra2 li a:hover {
	text-decoration: none;
	font-size: 0.95em;
	font-family: Tahoma, Arial, Verdana;
	color: #990000;
	padding: 0px;
}


/**** LOGIN / ACCOUNT - DATEIEN ***/
/* zb in login.html / account - dateien / create_account */
DIV.formArea {
	background-color: #fafafaf;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 5px;
	margin-bottom: 10px;
}
TABLE.formArea, TD.formArea {
	background-color: #fafafa;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	margin-bottom: 10px;
}
.formArea:hover {
	background-color: #eaeaea;
	border-top: 1px solid #666666;
	border-bottom:1px solid #666666;
}
.formAreaTitle {
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 0.83em;
	font-weight: bold;
	color: #990000;
}

/* adressauswahl / versandauswahl / zahlungsauswahl */
.moduleRow {
	font-family: Tahoma, Verdana, Arial, sans-serif;
 	font-size: 11px;
 	line-height: 1.5;
 	color: #484848;
 	background-color: #000000;
 	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: #000000;
}

/* CHECKOUT DATEIN */
.checkoutTitle {
	font-family: Tahoma, Verdana, Arial, san-serif;
	font-size: 11px;
	font-weight: bold;
	padding-top: 10px;
}
TABLE.checkoutTable {
	background-color: #eaeaea;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
}
DIV.checkoutTable {
	background-color: #eaeaea;
	border-top: 1px solid #666666;
	border-bottom: 1px solid #666666;
	padding: 5px;
}
.tableabstand {
	margin-top: 25px;
	margin-bottom: 15px;
}
.checkoutBarFrom, .checkoutBarTo { 
	font-family: Tahoma, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #8c8c8c; 
}
.checkoutBarCurrent { 
	font-family: Tahoma, Verdana, Arial, sans-serif; 
	font-size: 10px; 
	color: #dadada;
}
.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;
}

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

.input {
   border-color:#E41313;
   border-width: 2px;
   border-style: solid;
   background-color:#FFFFFF;
}

.moreHeading {
	font-size: 14px;
	font-weight: bold;
	color: #E41313;
	text-align: center;
}


#login_form td.form_lable{
	font-size: 0.9em;
	color: #1F83A9;
}

#login_form input.login_name {
	border: 1px solid #48AFD5;
	width: 230px;
}

#login_form input.login_pw {
	border: 1px solid #48AFD5;
	width: 145px;
}

#hkwicks {
position: relative;
background-image:url(./img/tabu.gif);
background-repeat:no-repeat;
background-position:bottom right;
padding-bottom:10px;
width:110px;
}

#hkwicks .kwick {
display: block;
width: 150px;
height: 160px;
background-repeat:no-repeat;
margin:0px;
}

#hdownload { position: relative; background-image:url(./img/tab1.gif); background-position: bottom right; }
#hdocs {background-image:url(./img/tab2.gif); }
#hforum {background-image:url(./img/tab3.gif); }
#hexamples {background-image:url(./img/tab4.gif); }


.hmenu {
	padding:0px 5px;
}