/* -----------------------------------------------------------------------------------------
   $Id: stylesheet.css,v 1.4 2004/06/06 17:13:29 novalis Exp $   

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

/*
transalpes.com
*************
Schriftfarbe: #8C8C73;
Linkfarbe: #FF7800;
*/

/***** Allgemein / Tags *****/
* { padding: 0px; margin: 0px; }
BODY { background: #F9F9F7 url('img/bgbody.gif') repeat-x; font-size: 11px; font-family: "trebuchet ms", helvetica, sans-serif; color: #8C8C73; line-height: 18px; }

A { color: #FF7800; text-decoration: none; }
A:hover { text-decoration: underline; }
A.aktivlink { text-decoration: underline; }
A IMG { border: none; }

SUP { font-size: 0.5em; }

P { 
	margin-bottom: 14px; 
	padding-left: 3px;
}
P.align-center { text-align: center; }

UL, OL { padding-left: 20px; }


/***** Bilder *****/
DIV.csc-textpic IMG { background: #FFFFFF; border: 1px solid #CCCCCC; padding: 3px; }
IMG.floatleft { float: left; margin: 0px 14px 3px 0px; }


/***** Linkliste *****/
UL.linklist { list-style: none; padding: 0px; }
UL.linklist LI { border-top: solid 1px #EEEEEE; padding-top: 5px; margin: 5px 0px 0px 0px; }
UL.linklist LI.first { border-top: 0px; margin-top: 0px; padding-top: 0px; }


/***** Layer Positionierung / Hintergründe *****/
#upbg { position: absolute; top: 0px; left: 0px; background: #FFFFFF url('img/bgoben.gif') no-repeat; width: 947px; height: 264px; z-index: 1; }
#outer { position: relative; width: 947px; margin: 0 auto; background: #FFFFFF url('img/bgseiten.gif') repeat-y; }
#inner { position: relative; padding: 13px 30px 13px 30px; z-index: 2; }

#upbg-klein { position: absolute; top: 0px; left: 0px; background: #FFFFFF url('img/bgoben-klein.gif') no-repeat; width: 600px; height: 264px; z-index: 1; }
#outer-klein { position: relative; width: 600px; margin: 0 auto; background: #FFFFFF url('img/bgseiten-klein.gif') repeat-y; }
#inner-klein { position: relative; padding: 13px 30px 13px 30px; z-index: 2; }


#header { position: absolute; width: 202px; height: 150px; color: #FFFFFF; }
#header SPAN { font-weight: normal; }
#header H1 { position: absolute; font-size: 23px; letter-spacing: -1px; top: 30px; height: 150px; }
#header H2 { position: absolute; font-size: 10px; font-weight: normal; color: #FCE2CA; top: 51px; }
#header SUP { color: #FCE2CA; }

#RandomImage { position: absolute; right: 30px; width: 658px; height: 150px; background-color: #EAEAE2; /* background-image: url('../../user_upload/img/random/bildoben2.jpg'); background-repeat: no-repeat; */ overflow: hidden; }

/***** MetaNavigation *****/
#MetaNav { position: absolute; width: 60px; height: 52px; margin: 158px 0px 0px 810px; z-index: 2; text-align: right; }
#MetaNav A { display: block; line-height: 15px; height: 15px; color: #FFFFFF; width: 60px; }

/***** Navigation *****/
#Navigation { position: relative; background: #46461F url('img/bghnav.gif') repeat-x; height: 67px; padding: 0px 20px 0px 5px; margin: 156px 0px 20px 0px; z-index: 1; }
#Navigation UL { padding: 0px; }
#Navigation UL LI { display: inline; line-height: 52px; padding-left: 3px; }
#Navigation UL LI.first { border-left: 0px; }
#Navigation UL LI A { padding: 8px 12px 8px 12px; font-size: 12px; color: #FFFFFF; font-weight: bold; text-decoration: none; }
#Navigation UL LI A:hover { color: #FF7800; text-decoration: underline; }

/***** Subnavigation *****/
#SubNavigation { position: relative; width: 160px; float: left; overflow: hidden; }
#SubNavigation UL { padding: 0px; width: 100%; }
#SubNavigation UL LI { display: block; width: 100%; }
#SubNavigation UL LI A { padding-left: 17px; display: block; width: 100%; }
#SubNavigation UL LI UL LI A { padding-left: 27px; margin-right: 10px; }
#SubNavigation UL LI A:hover { }
#SubNavigation UL LI.navplus { background: url('img/navplus.gif') 2px 5px no-repeat; }
#SubNavigation UL LI.navminus { background: url('img/navminus.gif') 2px 5px no-repeat; }
#SubNavigation UL LI.nav-act UL LI.nav-no A { font-weight: normal; text-decoration: none; }
#SubNavigation UL LI.nav-act A, #SubNavigation UL LI UL LI.nav-act A, #Navigation UL LI.nav-act A { font-weight: bold; color: #FF7800; text-decoration: underline; }

/***** Content Center *****/
#primarycontent { position: relative; width: 480px; float: left; overflow:hidden; }
/*
#primarycontent H1, #primarycontent H3 { position: relative; top: 4px; font-size: 18px; line-height: 25px; color: #656551; letter-spacing: -1px; background: url('img/linie.gif') bottom repeat-x; padding: 0px 0px 10px 15px; margin-bottom: 20px; }
*/
#primarycontent .content { padding: 0px 15px 0px 15px; margin-bottom: 20px; }
#primarycontent .post { margin-bottom: 30px; }
#primarycontent .post .header { position: relative; }
#primarycontent .post .date { position: absolute; right: 15px; top: 0px; line-height: 35px; color: #AFAFA4; font-weight: bold; }
#primarycontent .post .content { margin-bottom: 0px; }
#primarycontent .post .footer { position: relative; top: -10px; background: url('img/bgctunten.gif') repeat-x; height: 64px; }
#primarycontent .post .footer UL { list-style: none; position: absolute; right: 15px; bottom: 15px; }
#primarycontent .post .footer UL LI { display: inline; line-height: 14px; padding-left: 17px; margin-left: 25px; background-repeat: no-repeat; background-position: 0px 2px; }

/***** Content Right *****/
#secondarycontent { position: relative; width: 220px; float: right; }
#secondarycontent H1, #secondarycontent H3 { position: relative; top: 4px; font-size: 16px; line-height: 25px; color: #656551; letter-spacing: -1px; background: url('img/linie.gif') bottom repeat-x; padding: 0px 0px 10px 10px; margin-bottom: 20px; }
#secondarycontent .content { padding: 0px 10px 0px 10px; margin-bottom: 20px; }
#secondarycontent TABLE.csc-loginform INPUT { width: 120px; margin-left: 10px; }

/***** Footer *****/
#footer { position: relative; clear: both; height: 66px; text-align: center; line-height: 66px; background-image: url('img/bgfooter.gif'); color: #A8A88D; }
#footer A { color: #8C8C73; }

/*** News Rechts Stile ***/
.rightbox {
	border-bottom: 1px solid #FFFFFF;
	padding: 3px 3px 3px 3px;
	border-left: 1px solid #FFFFFF;
	margin-right: 0px;
	margin-bottom: 0px;
	left: -1px;
}

.rightbox h3 {
	padding: 5px 0px 2px 0px;
	margin-bottom: 8px;
	border-bottom: 1px solid #CCCCCC;
}

.rightbox a:link, .rightbox a:visited {
		text-decoration: none;
}


.story {
	border-bottom: 1px dotted #666666;
}

/*********** Text Stile ***********/
.kopf {
	width: 100%;
	background-color: #000000;
	height: 16px;
	font-size: 9px;
	font-weight: normal;
	color: #FFFFFF;
	text-align: right;
	text-indent: 5px;
	clip: rect(auto,10px,auto,auto);
	margin: 0px;
	padding-right: 3px;
}

#inhalt {
	padding: 10px;
	font-family: "trebuchet ms", helvetica, sans-serif;
	font-size: 100%;
}

td, font {
	font-family: "trebuchet ms", helvetica, sans-serif;
	font-size: 11px; 
}

.maintd {
	text-align: left;
	vertical-align: top;
}


.listcell {
	background-color: #ECE9D8;
	text-align: left;
	vertical-align: top;
	padding: 3px;
}

.inhalttable {
	text-align: left;
	vertical-align: top;
	width: 480px;
	border: 0px none;

}


.textlink {
	text-decoration: none;
	cursor: help;
}

.inforow {
	cursor: help;
	filter: Invert;
}

/*** Ende Textformat ***/

/*** Bilder ***/

.prbild {
	margin: 0px;
	padding: 0px;
}

.bildoben {
	margin: 0px 2px 10px;
	border: 1px solid #000000;
}

.contentrightimg{
	vertical-align: top;
	border: 1px solid #000000;
	right: 0px;
	align: right;
	text-align: right;
	margin-bottom: 5px;
	float: right;
	margin-right: 1px;
}

/*** Ende Bilder  ***/

/*** Druckoptimiert Stile ***/

.width {
	width: 150px;
}

.hideshow {
	visibility: hidden;
}

/*** Ende Druckoptimiert Stile ***/
#search {
	overflow: hidden;
	position: absolute;
	visibility: hidden;
	height: 100px;
	width: 180px;
	left: 0px;
	bottom: 0px;
}

/*** Shop ***/

IMG {
	border:0;
}

FORM {
	display: inline;
}

CHECKBOX, INPUT, RADIO, SELECT {
	font-family: "trebuchet ms", helvetica, sans-serif;
	font-size: 11px;
}

TEXTAREA {
	font-family: "trebuchet ms", helvetica, sans-serif;
	width: 100%;
	font-size: 11px;
}

SELECT.artikelVarianten { width: 200px; }

.rightbox FORM#loginbox DIV INPUT { width: 170px; }
.rightbox FORM#loginbox TD.loginPwd DIV INPUT { width: 70px; }
.rightbox FORM#sign_in DIV INPUT { width: 170px; }
TD.navSuche INPUT { width: 100px; }

.productDiscountPrice {
	color: #FF0000;
	font-weight: bold;
}

DIV.shopNav DIV.subnav {
	
	font-size: 11px;
	padding-left: 5px;
	left: 5px;
	top: 30px;
	font-weight: normal
}

.subnav a {
	font-weight: normal
}

DIV.shopNav DIV.subnav a {
	display: block;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	padding: 2px 0px 2px 5px;
	width: 135px;
	font-weight: normal;
	text-decoration: none;
}

DIV.shopNav DIV.subnav a:hover {
	background-color: #ffffff;
	text-decoration: none;
	font-weight: normal;
}

.cartResult {
	border-top: 1px solid #CCCCCC;
	margin-top: 5px;
}

.boxText {}
.boxTextPrice { color: #FF0000; }
.boxTextBG {
	background-color: #F1F1F1;
	padding: 3px;
}
.boxTextBGII { 	background-color: #FFCC99; }

.productOldPrice {
	color: #ff0000;

}

.conditions {
	background-color: #F7D300;
}

.headerError {
	background-color: #ff0000;
	color: #ffffff;
	font-weight : bold;
	text-align : center;
}

.headerMessage TD{
	border: 5px solid #ff4a4a;
}

.headerInfo {
	background: #00ff00;
}

.lineBottom {
	border-bottom: 1px solid #CCCCCC;
}

/*** product_info.php (standard.html) ***/

DIV.artikelProductNav { display: none; }
DIV.artikelName { font-size: 18px; font-weight: bold; margin-bottom: 10px; }
DIV.artikelVPE { display: none; }
DIV.artikelNummer {  }
DIV.artikelPrint {  }
DIV.artikelVerfuegbarkeit { display: none; }
DIV.artikelBild1 { text-align: center; margin-top: 15px; }
DIV.artikelBild2 { display: none; }
DIV.artikelBild3 { display: none; }
DIV.artikelBild4 { display: none; }
DIV.artikelBildLink { display: none; }
DIV.artikelFSK18 { display: none; }
DIV.artikelBeschreibung { margin-bottom: 20px; }
DIV.artikelAktion {  }
DIV.artikelPreis { font-weight: bold; margin-bottom: 10px; }
DIV.artikelBestellen {  }

/* Custom Product Configurator */

TABLE.fake_cpc TR.cpc_header TD { height: 20px; border-bottom: 1px solid #000000; font-weight: bold; }
TABLE.fake_cpc { margin-bottom: 10px; }
TABLE.cpc_optionslist TR.cpc_header TD { display: none }
TABLE.cpc_optionslist TR.cpc_footer TD { height: 30px; border-top: 1px solid #000000; font-weight: bold; }
TABLE.cpc_optionslist TR.cpc_footer TD INPUT, TABLE.cpc_optionslist TR.cpc_header TD INPUT { border: none; font-weight: bold; color: #8C8C73; }
TABLE.cpc_optionslist TD.cpc_weight INPUT { border: none; color: #8C8C73; }
TABLE.cpc_optionslist TD.cpc_price INPUT { border: none; color: #8C8C73; }
TABLE.cpc_optionslist TD.cpc_name { font-weight: bold; }
TABLE.cpc_optionslist TD.cpc_pic { height: 64px; width: 110px; }
TABLE.cpc_optionslist TD.cpc_dropdown SELECT { width: 280px; }
TABLE.cpc_optionslist TD.cpc_dropdown { color: red; }
TABLE.cpc_optionslist TR.cpc_footer TD.cpc_symbolleft, TABLE.cpc_optionslist TR.cpc_footer TD.cpc_totalprice,
TABLE.cpc_optionslist TR.cpc_footer TD.cpc_totalweight, TABLE.cpc_optionslist TR.cpc_footer TD.cpc_symbolright { border-bottom: 3px double #000000; }
TABLE.cpc_optionslist TD.cpc_symbolleft { text-align: right; }
TABLE.cpc_optionslist TD.cpc_infolink { width: 90px; text-align: center; }
/*TABLE.cpc_optionslist TD.cpc_infolink A { font-weight: bold; text-decoration: none; }*/
TABLE.cpc_optionslist TD.cpc_button { text-align: right; height: 50px; vertical-align:bottom }


TABLE.cpc_optionslist TR.cpc_footer_rabatt TD { height: 30px; color: red; }
TABLE.cpc_optionslist TR.cpc_footer_rabatt INPUT { border: none; color: red; }
TR.cpc_footer_ztotal TD INPUT { border: none; color: #8C8C73; }


DIV.cpc_more_info { padding: 20px; height: 100%; overflow: auto; }


/*********************************************************************************************
**********************************************************************************************
*********************************************************************************************/


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-color: #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-color: #f8f8f9;
}

TABLE.productListing {
  border: 1px;
  border-style: solid;
  border-color: #b6b7cb;
  border-spacing: 1px;
}

.productListing-heading {
	font-size: 10px;
	background-color: #b6b7cb;
	color: #FFFFFF;
	font-weight: bold;
}

TD.productListing-data {
	font-size: 10px;
}

A.pageResults {
	color: #0000FF;
	text-decoration: underline;
}

A.pageResults:hover {
	color: #0000FF;
	background: #FFFF33;
}

TD.pageHeading, DIV.pageHeading {
	font-size: 16px;
	font-weight: bold;
	color: #000000;
}

TR.subBar {
	background: #f4f7fd;
}

TD.subBar {
	font-size: 10px;
	color: #000000;
}

TD.main, P.main {
	font-size: 11px;
	line-height: 1.5;
}

TD.smallText, SPAN.smallText, P.smallText {
	font-size: 10px;
}

TD.accountCategory {
	font-size: 13px;
	color: #aabbdd;
}

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

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

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

.newItemInCart {
	font-size: 10px;
	color: #ff0000;
}

.greetUser {
	font-size: 12px;
	color: #f0a480;
	font-weight: bold;
}

.underline {
	text-decoration: underline;
}

TABLE.formArea {
	background: #f1f1f1;
	border-color: #cccccc;
	border-style: solid;
	border-width: 1px;
}

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

TD.copyright {
	font-size: 11px;
	line-height: 1.5;
	text-align:center;
}

.markProductOutOfStock {
	color: #c76170;
	font-weight: bold;
}

.productSpecialPrice {
	color: #ff0000;
}

.errorText {
	color: #ff0000;
}

.smallHeading {
	font-size: x-small;
	font-weight: bold;
	color: Black;
}

.moduleRow {
	font-size: 11px;
	line-height: 1.5;
	background-color: #E6E6E6;
	border: 1px solid;
	border-color: #E6E6E6;
}
.moduleRowOver { 
	background-color: #D7E9F7; 
	border: 1px solid;
	border-color: #ffffff;
    font-size: 11px;
    line-height: 1.5; 
}
.moduleRowSelected { background-color: #E9F4FC; }

.checkoutBarFrom, .checkoutBarTo { font-size: 10px; color: #8c8c8c; }
.checkoutBarCurrent { font-size: 10px; color: #000000; }

.heading1 { font-size: 7pt; }
.heading2 { font-size: 9pt; }
.heading3 { font-size: 10pt; }
.heading4 { font-size: 12pt; }
.heading5 { font-size: 16pt; }

.sitemap_heading {
	font-size: 10pt; color: #FFFFFF; 
	background-color: #666666;
	padding-top: 2px;
	padding-bottom: 2px;
}
.sitemap_heading a { color:#FFFFFF; }
.sitemap_heading a:hover { color:#CCCCCC; text-decoration:none; }

.sitemap_sub { font-size: 9pt; color: #000000; background-color: #E6E6E6; padding: 2px 2px; }
.sitemap_sub a { color: #000000; }
.sitemap_sub a:hover { color: #999999; text-decoration: none; }



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


.inputRequirement { font-size: 10px; color: #ff0000; }

.tableShop {
	background-color: #ffffff;
	border-left: 1px solid;
	border-right: 1px solid;
	border-color: #b6b7cb;
}

.navLeft {
	border-right: 1px solid;
	border-color: #b6b7cb;
	background-image: url(img/bg_left_column.jpg);
	width: 185px;
}

.navRight {
	border-color: #666666;
	border-top-width: 4px;
	border-top-style: solid;
	border-left-width: 4px;
	border-left-style: solid;
	background-color: #E6E6E6;
	width: 185px;
}

.contentsTopics {
	font-family: "trebuchet ms", helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

.tableListingI {
	background-color: #eeeeee;
}

.tableListingII {
	background-color: #d0d0d0;
}

.tableBody {
	padding: 5px;
}

.poweredby {
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}
.onepxwidth {
	width: 1px;
}

.errorBox {
	font-size : 10px;
	font-weight: bold;
	background-color: #ffb3b5;
}
.gvBox {
	font-size : 14px;
	font-weight: bold;
	border-color: #FFFFFF;
	border: 1px solid;
	background-color: #ffb3b5;
}
.stockWarning {
	font-size : 10px;
	color: #cc0033;
}

.productsNotifications {
	background-color: #f2fff7;
}

.orderEdit {
	font-size : 10px;
	color: #70d250;
	text-decoration: underline;
}

.bildcat {
	text-align: right;
	background-position: right;
	border: 1px solid #ECE9D8;
}

.blocklink {
	text-decoration: none;
	display: block; 
	width: 100%; 
	height: 100%;
}


H1 {
	font-size: 18px; 
	line-height: 25px; 
	color: #656551; 
	background: url('img/linie.gif') bottom repeat-x; 
	padding: 2px 0px 10px 10px; 
	margin-bottom: 10px;
}

H2 {
	font-size: 12px; 
	line-height: 22px; 
	color: #656551; 
	background: url('img/linie.gif') bottom repeat-x; 
	padding: 2px 0px 10px 8px; 
	margin-bottom: 10px;
}

TABLE.titelbox{
	width: 100%;
	border: 1px solid #FFFFFF;
}

TABLE.linkliste{
	border:1px solid #FFFFFF;
	/*
	hover:expression(this.onmouseover=new Function("this.style.border='1px solid #FF7800';"), this.onmouseout=new Function("this.style.border='1px solid #FFFFFF';"));
	*/
}
/*
TABLE.linkliste:hover{
	border:1px solid #FF7800;
}
*/
A.linkliste{
	text-decoration: none; 
	color: #8C8C73;
}

.textzelle {
	background-color: #F4F3EA;
	text-align: left;
	padding: 3px;
	vertical-align: top;
	padding-left: 6px;
}
/*
.textzelle ul {
	list-style-type: none;
	margin-left: 0px;
	list-style-image: url(/img/icons/more.gif);
	list-style-position: inside;
	list-style-type: none;
	padding-left: 0px;
	
}

.textzelle li {
	margin: 0px 0px 2px;
	text-indent: 0px;
	background-color: #ECE9D8;
	padding-top: 2px;
	padding-bottom: 2px;
	list-style-image: url(/img/icons/more.gif);
	padding-right: 0px;
	padding-left: 0px;
	
}
*/