/*-----------------------------------------------------------------------------------------
$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
---------------------------------------------------------------------------------------

######################################################################################################################################################################################################################################################
Formatierungen der Standards
*/
HTML, BODY
{
	height: 100%;
}
HTML, BODY, TABLE, TR, TD, TH, P, A, UL, LI
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
}
HTML, BODY, TABLE, TR, TD, TH, P
{
	font-size: 11px;
}
.main
{
	font-size: 11px;
	line-height: 1.5;
}
.main-s
{
	font-size: 9px;
	line-height: 1.2;
	font-family: Verdana, Arial, Sans-Serif;
}
BODY
{
	color: #000000;
	margin: 0px;
	background-color: #FFFFFF;
	background-color: #E7E5D9;
}
H1
{
	color: #014E82;
	font-size: 1.7em;
	font-weight: normal;
}
H1.fa_product-name
{
	font-size: 1em;
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	color: #000000;
}
H2
{
	color: #014E82;
	font-size: 1em;
	border-bottom: 1px solid #DDCCA9;
	padding-bottom: 3px;
	margin: 15px 0 10px;
}
H3
{
	color: #014E82;
	font-size: 1em;
}
P
{
	text-align: justify;
}
UL
{
	list-style-image: url(img/arrow_green.gif);
}
A.fa_listpfeil
{
	padding: 0 0 0 20px;
	background-image: url(img/arrow_green.gif);
	background-repeat: no-repeat;
}
HR
{
	height: 1px;
	border-bottom: 1px solid #DDCCA9;
	border-top: 1px solid #FFFFFF;
}
A
{
	color: #014E82;
	text-decoration: none;
}
A:hover
{
	text-decoration: underline;
}
A.inactiveTab
{
	color: #3C3C3C;
	text-decoration: none;
}
IMG
{
	border: 0px solid #000000;
}
#fa_foot
{
	margin: -70px 0 25px 0px;
	text-align: center;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
}
.copyright
{
	text-align: center;
	height: 17px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 9px;
	line-height: 1.5;
	text-align: center;
	margin: -20px 0 20px;
	padding-top: 2px;
	border-top: 1px dotted #ACACAC;
	background-color: #FFFFFF;
}
.sublink
{
	margin: 0 0 0 20px;
}
.sublink:active
{
}
.fa_checkout-line
{
	background-image: url(fan-art-img/1px-gr.gif);
	background-position: center;
	background-repeat: repeat-x;
}
.fa_checkout-line1
{
	width: 50%;
	text-align: left;
	background-image: url(fan-art-img/1px-g.gif);
	background-position: center;
	background-repeat: repeat-x;
}
/*
######################################################################################################################################################################################################################################################
ProConf
*/
#fa_proconf
{
	width: 96%;
}
#fa_proconfpadd
{
}
#fa_proconf SELECT
{
	margin: 0 10px 0 0;
}
#fa_proconf .infobox
{
	background-color: #FBF5D0;
	border: 1px solid #B0B0B0;
	clear: left;
}
#fa_proconf .infobox P
{
	padding: 10px;
	margin: 0px;
	clear: left;
}
#fa_proconf .optbox
{
	margin: 0 20px 10px 0;
}
.fa_formradio
{
	margin: 5px 5px 0 0;
}
.fa_formopt
{
	float: left;
	margin: 0px 20px 20px 0;
}
.fa_formopt IMG
{
	margin: 5px 0 0;
}
#fa_proconf-passepartouts .fa_listing
{
	background-color: #000000;
	height: 100%;
}
.fa_optcheck
{
	margin: 0 0 10px;
}
/*
######################################################################################################################################################################################################################################################
Reiter
*/
#fa_tabnav
{
	background-image: url(fan-art-img/reiter_bg.gif);
	background-repeat: repeat-x;
}
.inactiveTab
{
	font-weight: bold;
	font-size: 13px;
	font-family: Arial;
}
.fa_reiter1
{
	background-image: url(fan-art-img/reiter_bg2.gif);
	background-repeat: repeat-x;
	border-bottom: 1px solid #DDCCA9;
	border-left: 1px solid #B3B2B3;
	border-right: 1px solid #B3B2B3;
}
.tabcol, .fa_reiter
{
	background-image: url(fan-art-img/reiter_bg2.gif);
	background-repeat: repeat-x;
	height: 28px;
	text-align: center;
	width: 150px;
	border-bottom: 1px solid #DDCCA9;
	border-left: 1px solid #B3B2B3;
}
.fa_reiter-act, .tabcol0, .tabcol1, .tabcol2, .tabcol3, .tabcol4
{
	background-image: url(fan-art-img/reiter_bg-act4.gif);
	background-repeat: repeat-x;
	height: 28px;
	text-align: center;
	width: 150px;
}
.fa_reiter-act, .tabcol1, .tabcol2, .tabcol3, .tabcol4
{
	border-width: 1px 1px 0;
	border-style: solid;
}
.tabcol0
{
	border-width: 1px 1px 0;
	border-style: solid;
}
.fa_reiter-act, .tabcol0, .tabcol1, .tabcol2, .tabcol3, .tabcol4, #fa_subleiste
{
	border-color: #DDCCA9;
}
.fa_reiter_trenner
{
	background-image: url(fan-art-img/reiter_trenner.gif);
	background-repeat: no-repeat;
	width: 1px;
	height: 29px;
	margin: 0px;
	padding: 0px;
}
#fa_subleiste, .fa_reiter, .fa_reiter1, .fa_reiter_trenner
{
	background-color: #FFFFFF;
}
#fa_subleiste
{
	height: 23px;
	text-align: left;
	background-image: url(fan-art-img/subleiste-bg.gif);
	background-repeat: repeat-x;
	border-width: 0 1px 1px;
	border-style: solid;
}
#fa_subleiste A
{
	font-family: Verdana, Arial, Helvetica, Sans-serif;
	font-size: 11px;
	color: #3C3C3C;
}
#fa_subleiste-schatten
{
	height: 5px;
	background-image: url(fan-art-img/schatten-subleiste.gif);
	background-repeat: repeat-x;
}
#fa_navlist
{
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}
#fa_navlist LI
{
	float: left;
	padding: 0px 10px 0 20px;
	font-size: 11px;
}
#fa_navlist A
{
	display: block;
	font-weight: bold;
	color: #4F4F4F;
	vertical-align: top;
	text-align: center;
}
.fa_prodnav, .fa_prodnav2
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}
.fa_prodnav2
{
	border-bottom: 1px dotted #ACACAC;
	margin-bottom: 5px;
	padding-bottom: 2px;
}
.errorInfoBox, .errorBox
{
	border: 1px solid #000000;
	background-color: #FFCCCC;
	padding: 7px 15px;
	margin: 5px 7px 5px 0;
	color: #000000;
}
/*Checkout Confirmation*/
.fa_conf-edit
{
	color: #009933;
}
/*
######################################################################################################################################################################################################################################################
Klassen & IDs
*/
#fa_site
{
	width: 93%;
	height: 100%;
	min-width: 600px;
	max-width: 1200px;
	background-color: #FFFFFF;
}
#fa_schatten-l
{
	width: 8px;
	background-image: url(fan-art-img/schatten-l.gif);
	background-repeat: repeat-y;
}
#fa_schatten-r
{
	width: 8px;
	background-image: url(fan-art-img/schatten-r.gif);
	background-repeat: repeat-y;
}
#fa_site1
{
	height: 100%;
	background-image: url(fan-art-img/schatten-i-l.gif);
	background-position: left;
	background-repeat: repeat-y;
	border-width: 0 16px;
	border-style: solid;
	border-color: #FFFFFF;
}
#fa_site2
{
	height: 100%;
	background-image: url(fan-art-img/schatten-i-r.gif);
	background-position: right;
	background-repeat: repeat-y;
}
#fa_head-section
{
}
.fa_header-box
{
	width: 280px;
	float: right;
	text-align: left;
}
.fa_header-box2
{
	padding: 0 20px;
	border-left: 1px solid #CACACA;
	height: 40px;
}
#fa_breadcrumbs
{
	padding: 20px 20px 5px;
	border-bottom: 1px dotted #ACACAC;
}
#fa_left-content
{
	padding: 10px 10px 0;
}
#fa_content
{
	padding: 10px 20px 0 10px;
}
#fa_left-content
{
	width: 200px;
}
#fa_content-modul-padding
{
	padding: 0 5%;
}
#fa_content-schmal
{
	width: 400px;
}
#fa_content-zitate, #fa_content-biografie
{
	width: 85%;
}
#fa_content-zitate P, #fa_content-biografie P
{
	width: 60%;
	float: right;
	margin: 0px;
	padding: 0px;
}
#fa_content-zitate DIV, #fa_content-biografie DIV
{
	width: 35%;
	padding-right: 5%;
}
#fa_content-zitate H2, #fa_content-biografie H2, #fa_content H2
{
	padding-top: 15px;
	margin: 0 0 7px;
	clear: right;
}
.navlink
{
	display: block;
	width: 97px;
	height: 20px;
}
.navtext
{
	margin: 7px 0 0;
}
.fa_dotline-v-double
{
	background-image: url(fan-art-img/dotline-v-double.gif);
	background-repeat: repeat-y;
	width: 8px;
}
.fa_dotline-v
{
	background-image: url(fan-art-img/dotline-v.gif);
	background-repeat: repeat-y;
	width: 1px;
}
.fa_icon
{
	padding: 0 7px;
}
.fa_result
{
	color: #D56A18;
}
.fa_klein, .fa_klein A
{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	font-size: 9px;
}
.fa_product-list-table .fa_dotline-h
{
	border: 1px dotted #B0B0B0;
	border-width: 1px 0;
}
.fa_product-list-table
{
	width: 207px;
	height: 340px;
	max-width: 200px;
	padding: 16px;
	margin: 0 7px 10px 0;
	border: 1px solid #CACACA;
	float: left;
}
.fa_product-list-image
{
	text-align: center;
	height: 233px;
	max-height: 233px;
}
.fa_product-list-name
{
	font-weight: bold;
}
.fa_product-list-decription
{
}
.fa_product-list-shipping
{
}
#fa_product-info-table
{
	min-width: 250px;
}
.fa_prod-info-preis
{
	width: 200px;
	padding: 5px 10px 5px 0;
	margin: 0 0 15px;
	background-image: url(fan-art-img/box-bg-h.jpg);
	background-repeat: repeat-y;
}
.fa_product-info-extra
{
	padding: 16px;
	margin: 0 7px 10px 0;
	border: 1px solid #DDDDDD;
}
DIV.fa_contentbox
{
	padding: 16px;
	margin: 0 0 10px;
	border: 1px solid #CACACA;
}
TD.fa_contentbox, TABLE.fa_contentbox
{
	padding: 16px;
	margin: 0 0 10px;
	border: 1px solid #CACACA;
}
IMG.fa_float-left
{
	float: left;
	margin: 0 25px 10px 0px;
}
IMG.fa_float-right
{
	float: right;
	margin: 0 0px 10px 25px;
}
.formArea
{
	padding: 16px;
	margin: 0 7px 10px 0;
	background: #F1F1F1;
	border: 1px solid #CCCCCC;
}
.fa_contact_input INPUT
{
	width: 300px;
	color: #014E82;
}
.fa_contact_input TEXTAREA
{
	width: 300px;
	height: 100px;
	color: #014E82;
}
#fa_popup-body
{
	background-color: #FFFFFF;
}
#fa_popup-body IFRAME
{
	display: none;
}
#fa_popup-navigation
{
	padding: 2px 20px;
	font-size: 9px;
	color: #C0C0C0;
}
#fa_popup-navigation DIV A
{
	color: #C0C0C0;
}
#fa_popup-navigation DIV A:hover
{
	color: #014E82;
}
.fa_img-schatten-r
{
	background-image: url(fan-art-img/img_schatten_r-bg.gif);
	background-repeat: repeat-y;
}
.fa_img-schatten-u
{
	background-image: url(fan-art-img/img_schatten_u-bg.gif);
	background-repeat: repeat-x;
}
.fa_img-schatten-ur
{
}
.fa_box
{
	background-image: url(fan-art-img/box-bg.jpg);
	background-repeat: repeat-x;
	background-color: #9EBCCF;
	border: 1px solid #ACACAC;
	padding: 0px 10px 10px;
	margin: 0 0 10px;
}
.fa_box-img
{
	border-color: #000000;
	border-style: solid;
	border-width: 2px;
}
#fa_email-field INPUT, #fa_pwd-field INPUT
{
	width: 95%;
}
.fa_box-button INPUT
{
	margin: 5px 0 0;
}
#fa_lang
{
	margin: 0 0 5px;
}
#fa_lang IMG
{
	margin-left: 5px;
}
#fa_currencies
{
}
.fa_product-list-buttons2
{
	padding-top: 5px;
}
.fa_product-list-table
{
	text-align: left;
}
.fa_mags
{
	border: 1px solid #000000;
	margin: 5px;
}
.fa_prodfilter SELECT
{
	width: 95%;
	margin: 2px;
}
.fa_search_filter SELECT
{
	width: 200px;
}
/*
######################################################################################################################################################################################################################################################
Hier drüber kommen neue Einträge
*/
.boxText
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}
.boxTextBG
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #F1F1F1;
}
.boxTextBGII
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background-color: #FFCC99;
}
.boxTextPrice
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FF0000;
}
.gvBox
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	border-color: #FFFFFF;
	border: 1px solid #000000;
	background-color: #FFB3B5;
}
.stockWarning
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #CC0033;
}
.productsNotifications
{
	background-color: #F2FFF7;
}
.orderEdit
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #70D250;
	text-decoration: underline;
}
IMG
{
	border: 0;
}
FORM
{
	display: inline;
}
TR.header
{
	background-color: #FFFFFF;
}
TR.headerNavigation
{
	background: #F6F6F6;
}
TD.headerNavigation
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	border-color: #B6B7CB;
	background-color: #F6F6F6;
}
A.headerNavigation
{
	color: #000000;
}
A.headerNavigation:hover
{
	color: #000000;
}
A.confirmationEdit
{
	color: #009933;
	font-style: italic;
}
A.confirmationEdit:hover
{
	color: #009933;
	font-style: italic;
	text-decoration: underline;
}
TR.headerError
{
	background-color: #FF0000;
}
TR.headerMessage
{
	background-color: #00CC33;
}
.moduleHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: small;
	font-weight: bold;
	padding-bottom: 10px;
}
TD.headerError
{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	background: #FF0000;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
TR.headerInfo
{
	background: #00FF00;
}
TD.headerInfo
{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	background: #00FF00;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
TR.footer
{
	background: #BBC3D3;
}
TD.footer
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #F6F6F6;
	color: #000000;
	font-weight: bold;
	border-bottom: 1px solid #000000;
	border-color: #B6B7CB;
}
.infoBoxNotice
{
	background: #FF8E90;
}
.infoBoxNoticeContents
{
	background: #FFE6E6;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}
.contentsTopics, .pageHeading TD
{
	color: #014E82;
	font-family: Arial, Verdana, sans-serif;
	font-size: 18px;
	font-weight: normal;
}
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;
}
TABLE.productListing
{
	border: 1px solid #000000;
	border-style: solid;
	border-color: #B6B7CB;
	border-spacing: 1px;
}
.productListing-heading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	background: #B6B7CB;
	color: #FFFFFF;
	font-weight: bold;
}
TD.productListing-data
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}
A.pageResults
{
}
A.pageResults:hover
{
}
TR.subBar
{
	background: #F4F7FD;
}
TD.subBar
{
	font-size: 10px;
	color: #000000;
}
TD.smallText, SPAN.smallText, P.smallText
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
}
TD.accountCategory
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 13px;
	color: #AABBDD;
}
TD.fieldKey
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
TD.fieldValue
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
}
TD.tableHeading
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: bold;
}
SPAN.newItemInCart
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FF0000;
}
INPUT, SELECT
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
TEXTAREA
{
	width: 100%;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
}
SPAN.greetUser
{
	font-weight: bold;
}
SPAN.underline
{
	text-decoration: underline;
}
.parseTime
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	text-align: center;
}
A.copyright
{
	color: #000000;
}
A.copyright:hover
{
	color: #0000FF;
	text-decoration: underline;
}
SPAN.markProductOutOfStock
{
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #C76170;
	font-weight: bold;
}
SPAN.productSpecialPrice
{
	font-family: Verdana, Arial, sans-serif;
	color: #FF0000;
}
SPAN.productOldPrice
{
	font-family: Verdana, Arial, sans-serif;
	color: #FF0000;
	text-decoration: line-through;
}
SPAN.errorText
{
	font-family: Verdana, Arial, sans-serif;
	color: #FF0000;
}
SPAN.productDiscountPrice
{
	font-family: Verdana, Arial, sans-serif;
	color: #FF0000;
	font-weight: bold;
}
.smallHeading
{
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: x-small;
	font-weight: bold;
	color: #000000;
}
.moduleRow
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5;
	background-color: #E6E6E6;
	border: 1px solid #000000;
	border-color: #E6E6E6;
}
.moduleRowOver
{
	background-color: #D7E9F7;
	border: 1px solid #000000;
	border-color: #FFFFFF;
	font-family: Verdana, Arial, sans-serif;
	font-size: 11px;
	line-height: 1.5;
}
.moduleRowSelected
{
	background-color: #E9F4FC;
}
.checkoutBarFrom, .checkoutBarTo
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #8C8C8C;
}
.checkoutBarCurrent
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
}
/*sitewide font classes
Note: heading<Number> equals <font size="Number">*/
.heading1
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 7pt;
}
.heading2
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
}
.heading3
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10pt;
}
.heading4
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12pt;
}
.heading5
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 16pt;
}
/*Sitemap Tables*/
.sitemap_heading
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	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-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9pt;
	color: #000000;
	background-color: #E6E6E6;
	padding: 2px;
}
.sitemap_sub A
{
	color: #000000;
}
.sitemap_sub A:hover
{
	color: #999999;
	text-decoration: none;
}
/*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;
}
/*input requirement*/
.inputRequirement
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #FF0000;
}
.tableShop
{
	background-color: #FFFFFF;
	border-left: 1px solid #000000;
	border-right: 1px solid #000000;
	border-color: #B6B7CB;
}
.navLeft
{
	border-right: 1px solid #000000;
	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;
}
.tableListingI
{
	background-color: #EEEEEE;
}
.tableListingII
{
	background-color: #D0D0D0;
}
.tableBody
{
	padding: 5px;
}
.poweredby
{
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: bold;
}
.onepxwidth
{
	width: 1px;
}
