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

BODY {
    color: #000000;
    margin: 0px;
    font-family: Verdana,Arial,sans-serif;
    font-size: 10px;
    line-height: 1.5;
}

BODY.popup {
    margin: 10px;
}

img{
    border:0;
}

A {
    color: #000000;
    text-decoration: none;
}

A:hover {
    color: #c0c10e;
}

FORM {
    display: inline;
}

H1{
    margin: 0;
    padding: 0;
    font-size: 14px;
}

H2{
    margin: 0;
    padding: 0;
    font-size: 12px;
    color: #c0c10e;
}

H3{
    margin: 0;
    padding: 0px 0px 5px 0px;
    font-size: 11px;
    color: #7f7f7f;
}

H4{
    margin: 0;
    padding: 0px 0px 5px 0px;
    font-size: 12px;
}

HR{
    height: 1px;
    color: #b5b5b5;
    background-color: #b5b5b5;
    border: none;
}

.main_content .main .box .dontshow {
    display:none;
}

#wrapper{
    width: 900px;
    text-align: left;
    padding-top: 20px;
}

#top_logo{
    padding-bottom: 10px;
}

#top_nav{
    border: 5px solid #FFFFFF;
    border-bottom: none;
    background-color: #B5B5B5;
    font-weight: bold;
    padding: 0px 5px 0px 5px;
}

#content{
    border: 5px solid #FFFFFF;
}

.left_content{
    width: 185px;
    background-color: #FFFFFF;
}

.main_content{
    background-color: white;
    padding: 10px;
}

.right_content{
    width: 185px;
    background-color: #FFFFFF;
}

.sidebox {
    width: 185px;
    overflow: hidden;
    border: 1px solid #B5B5B5;
    margin-bottom: 5px;
}

.sidebox_title{
    background-color: #d3d70e;
    padding: 3px 0px 3px 5px;
    color: #000000;
    font-weight: bold;
}

.sidebox_title A, .sidebox_title A:hover{
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    display: block;
    width: 100%;
}

.sidebox_title_left{
    float: left;
    width: 160px;
}

.sidebox_title_right{
    float: left;
    width: 12px;
}

.sidebox_content{
    padding: 5px;
    font-size: 10px;
}

.firstbox{
    margin-bottom: 0px;
    border-bottom: 0px;
}

.graycontent{
    background: #E6E6E6;
}

.graytitle{
    background: #B5B5B5;
}

/**********************************************
Startseite - Front
*/
.front_aktuell{
    background: #E6E6E6;
    padding: 5px;
}

.front_left{
    width: 240px;
    float: left;
    padding-left: 5px;
}
.front_right{
    width: 240px;
    float: right;
    padding-right: 5px;
}

.front_box{
    border: 1px solid #d3d70e;
    padding: 2px;
    margin-bottom: 3px;
    background: #FFFFFF;
}

.front_box_inner{
    border: 1px solid #B5B5B5;
}

/**********************************************
Kategorie-Übersicht
*/
.kat{
    padding: 5px;
    border: 1px solid #FFFFFF;
    color: #7F7F7F;
}

.kat A{
    color: #7F7F7F;
    text-decoration: none;
    display: block;
}

.kat:hover{
    text-decoration: none;
    border: 1px solid #d3d70e;
}

.kat_title{
    font-weight: bold;
    color: #000000;
    /*height: 35px;*/
    display: block;
}

.kat_detail{
    min-height: 50px;
    display: block;
}

.kat_img{
    height: 80px;
    display: block;
    border: 1px solid #E6E6E6;
    margin-bottom: 10px;
}

.kat:hover .kat_title{
    color: #d3d70e;
}

/**********************************************
Produkte-Übersicht
*/
.prod{
    padding: 5px;
    border: 1px solid #FFFFFF;
    color: #7F7F7F;
}

.prod A{
    color: #7F7F7F;
    text-decoration: none;
    display: block;
}

.prod:hover{
    text-decoration: none;
    border: 1px solid #d3d70e;
}

.prod_title{
    font-weight: bold;
    color: #000000;
    /*height: 35px;*/
    display: block;
}

.prod_detail{
    min-height: 90px;
    display: block;
}

.prod_price{
    height: 35px;
    display: block;
    vertical-align: bottom;
}

.prod_img{
    height: 80px;
    display: block;
    border: 1px solid #E6E6E6;
    margin-bottom: 10px;
    text-align: center;
}

.prod:hover .prod_title{
    color: #d3d70e;
}

.content-box{
    border: 1px solid #B5B5B5;
    padding: 10px;
    padding-bottom: 0;
}

.content-box-inner{
    border: 1px solid #d3d70e;
    padding: 10px;
    margin-bottom: 10px;
}

/**********************************************
Formulare
*/
.from_label{
    font-weight: bold;
}

#filter select{
    width: 170px;
}

#sorting select{
    width: 170px;
}
/**********************************************
	Ausrichtungen
*/
.left{
    text-align: left;
}

.center{
    text-align: center;
}

.right{
    text-align: right;
}

.border-green{
    border: 1px solid #d3d70e;
}

.border-green-top{
    border-top: 1px solid #d3d70e;
}
.border-green-bottom{
    border-bottom: 1px solid #d3d70e;
}
.border-green-left{
    border-left: 1px solid #d3d70e;
}
.border-green-right{
    border-right: 1px solid #d3d70e;
}

.border-grey-top{
    border-top: 1px solid #cbc9c6;
}
.border-grey-bottom{
    border-bottom: 1px solid #cbc9c6;
}
.border-grey-left{
    border-left: 1px solid #cbc9c6;
}
.border-grey-right{
    border-right: 1px solid #cbc9c6;
}

.bghell{
    background-color: #fafae0;
}

.bggrey{
    background-color: #E6E6E6;
}

.errorBox {
    font-family : Verdana, Arial, sans-serif;
    font-size : 10px;
    font-weight: bold;
    background-color: #ffb3b5;
    padding: 3px;
}
.gvBox {
    font-family : Verdana, Arial, sans-serif;
    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;
}

TR.header {
    background-color: #ffffff;
}

TR.headerNavigation {
    background: #F6F6F6;
}

TD.headerNavigation {
    font-family: Verdana, Arial, sans-serif;
    font-size: 8px;
    color: #000000;
    font-weight : bold;
    border-bottom: 1px solid;
    border-color: #b6b7cb;
    background-color: #F6F6F6;
}

A.headerNavigation { 
    color: #000000;
}

A.headerNavigation:hover {
    color: #000000;
}

TD.conditions {
    background-color: #FFCCCC;
}

.confirmationEdit {
    color: #c0c10e;
    font-style: italic;
    font-size: 10px;
}
A.confirmationEdit:hover {
    color: #c0c10e;
    font-style: italic;
    text-decoration: underline;
}
TR.headerError {
    background-color: #ff0000;
}

TR.headerMessage {
    background-color: #00CC33;
}

.moduleHeading {
    font-size: small;
    font-weight: bold;
    padding-bottom: 10px;
}

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

TR.headerInfo {
    background: #00ff00;
}

TD.headerInfo {
    font-size: 12px;
    background: #00ff00;
    color: #ffffff;
    font-weight: bold;
    text-align: center;
}

TR.footer {
    background: #bbc3d3;
}

TD.footer {
    font-size: 10px;
    background: #F6F6F6;
    color: #000000;
    font-weight : bold;
    border-bottom: 1px solid;
    border-color: #b6b7cb;
}

.infoBox {
}

.infoBoxContents {
    font-size: 10px;
}

.infoBoxNotice {
    background: #FF8E90;
}

.infoBoxNoticeContents {
    background: #FFE6E6;
    font-size: 10px;
}

TD.infoBoxHeading {
    font-size: 10px;
    font-weight: bold;
    background: #666666;
    height:17px;
    color: #ffffff;
}

TD.infoBoxHeading_right {
    font-size: 10px;
    font-weight: bold;
    background: #C4C4C4;
    height:17px;
    color: #000000;
}

TD.infoBox, SPAN.infoBox {
    font-size: 10px;
    border-right: 4px solid;
    background: #E6E6E6;
    border-color: #C4C4C4;
}

TD.infoBox_right, SPAN.infoBox_right {
    font-size: 10px;
    background: #E6E6E6;

}

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;
    border-style: solid;
    border-color: #b6b7cb;
    border-spacing: 1px;
}

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

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

.pageNav{
    color: #7F7F7F;
}

A.pageResults {
    color: #7F7F7F;
    text-decoration: none;
}

A.pageResults:hover {
    color: #c0c10e;
}

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

TR.subBar {
    background: #f4f7fd;
}

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

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

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

CHECKBOX, INPUT, RADIO, SELECT {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

SELECT.product_options {
    width: 120px;
}

TEXTAREA {
    width: 100%;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
}

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

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

.copyright{
    width: 900px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
    color: #adadad;
    font-size: 10px;
    background: #FFFFFF;
}

.copyright div{
    padding: 5px;
}

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

A.copyright {
    color: #adadad;
}

A.copyright:hover {
    color: #0000ff;
    text-decoration: underline;
}


SPAN.markProductOutOfStock {
    font-size: 12px;
    color: #c76170;
    font-weight: bold;
}


SPAN.productSpecialPrice {
    color: #ff0000;
}
SPAN.productOldPrice {
    text-decoration: line-through;
}
SPAN.productNewPrice {
    color: #ff0000;
    font-weight: bold;
}
SPAN.errorText {
    color: #ff0000;
}

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

SPAN.price{
    font-weight: bold;
}

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

.navlevel_1,
.navlevel_2, 
.navlevel_3, 
.navlevel_4,
.navlevel_5{
    color: #7F7F7F;
}

.navlevel_1{
    font-weight: bold;
}

.navlevel_2{
    padding-left: 15px;
    display: block;
    background: url('img/icon_line.gif') no-repeat 5px 6px;
}

.navlevel_3{
    padding-left: 30px;
    display: block;
    background: url('img/icon_line.gif') no-repeat 20px 6px;
}

.navlevel_4{
    padding-left: 45px;
    display: block;
    background: url('img/icon_line.gif') no-repeat 35px 6px;
}

.navlevel_5{
    padding-left: 60px;
    display: block;
    background: url('img/icon_line.gif') no-repeat 50px 6px;
}

.moduleRow {
    background-color: #FFFFFF;
    border: 1px solid #FFFFFF;
    color: #7F7F7F;
}

.moduleRowOver A{
    text-decoration: none;
}

.moduleRowOver A:hover{
    color: #D2D70D;
}

.moduleRowOver { 
    border: 1px solid #D2D70D;
    cursor: pointer;
}

.moduleRowSelected { 
    background-color: #fafae0;
}

.navactive {
    color: #000000;
    font-weight: bold;
}

.checkout_process{
    text-align: center;
    padding-top: 10px;
    padding-bottom: 20px;
}

.checkoutBarFrom, .checkoutBarTo { 
    color: #8c8c8c;
    text-align: center;
}

.checkoutBarCurrent { 
    color: #000000;
    text-align: center;
}

.inputRequirement { 
    color: #ff0000;
}

/* 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{
    background-color: #d3d70e;
    padding: 3px 0px 3px 5px;
    color: #000000;
    font-weight: bold;
    border: 1px solid #B5B5B5;
    border-bottom: none;
}

.sitemap_heading A, .sitemap_heading A:hover{
    color: #000000;
    font-weight: bold;
    text-decoration: none;
    display: block;
    width: 100%;
}

.sitemap_content {
    border: 1px solid #B5B5B5;
    border-top: none;
    padding-top: 2px;
}

.sitemap_sub {
    display: block;
    padding: 0px 4px 2px 4px;
    color: #7F7F7F;
}

.sitemap_sub A{

}

.level_2{
    padding-left: 14px;
}

.level_3{
    padding-left: 24px;
}

.level_4{
    padding-left: 34px;
}


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

.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-size: 14px;
    font-weight: bold;
}

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

/**********************************************************
 INHALTS-BOX
**********************************************************/
.box{
    margin-bottom: 10px;
}

TABLE.box,TABLE.text_box,TABLE.person_box,TABLE.formular_box{
}

TABLE.box .titel,
TABLE.text_box .titel,
TABLE.person_box .titel,
TABLE.formular_box .titel{
    border-bottom: 1px solid #E6E6E6;
    padding: 3px;
    padding-left: 15px;
    font-size: 11px;
    font-weight: bold;
}

TABLE.box .bild{
    vertical-align: top;
    padding: 5px 15px 5px 15px;
    width: 70px;
}

TABLE.person_box .bild{
    vertical-align: top;
    text-align: center;
    padding: 15px;
}

TABLE.box .text,
TABLE.text_box .text,
TABLE.person_box .text{
    padding-top: 15px;
    padding-right: 15px;
    vertical-align: top;
    font-size: 11px;
}

TABLE.text_box .text{
    padding-left: 15px;
    padding-bottom: 15px;
}

TABLE.person_box .text{
    padding-top: 0px;
    padding-left: 15px;
    padding-bottom: 10px;
}

TABLE.formular_box .label{
    padding: 15px;
    vertical-align: top;
    font-size: 11px;
}

TABLE.formular_box .feld{
    padding: 15px;
    vertical-align: top;
    font-size: 11px;
}

TABLE.box .link{
    text-align: right;
    padding-right: 15px;
    padding-top: 10px;
    padding-bottom: 15px;
    vertical-align: top;
    font-size: 11px;
}

TABLE.box .link A{
    text-decoration: none;
    background: url('img/icon_arrow.jpg') no-repeat right;
    padding: 3px;
    padding-right: 15px;
}

TABLE.box .link IMG{
    vertical-align: top;
    padding-left: 15px;
}

/************************************************
	POPUP
************************************************/
.popup_titel{
    padding: 10px;
    font-size: 15px;
    color: white;
    background-color: #CC6600;
    font-weight: bold;
    text-align: center;
}

.popup_content{
    padding: 15px;
    background-color: white;
}

.hersteller_index{
    font-size: 20px;
    color: #7F7F7F;
    font-weight: bold;
}

.hersteller_index_nav{
    padding-top: 10px;
    padding-bottom: 10px;
}

.hersteller_index_nav A{
    font-size: 12px;
    color: #7F7F7F;
    font-weight: bold;
    padding-right: 8px;
}


/************************************************
    AJAX Suche
************************************************/

.suggest_link {
    min-height:36px;
    display:block;
    background-color: #ffffff;
    padding: 0 4px 0 4px;
    border-bottom:1px solid #CCCCCC;
    color:#000000;
    overflow:auto;
}
.suggest_link_over {
    min-height:36px;
    color: black;
    background-image:url(img/suggest_over_bg.jpg);
    background-repeat:repeat-x;
    padding: 0 4px 0 4px;
    cursor:pointer;
    border-bottom:1px solid #CCCCCC;
    overflow:auto;
}
#search_suggest {
    position:absolute;
    margin-left: -100px;
    text-align: left;
    border: 1px solid #000000;
    background-color:#ffffff;
    display: none;
    z-index: 1000;
    height:auto;
    width:400px;
    overflow:auto;
}
.autosuggest_intro {
    padding:5px;
    background-image:url(img/heading_suggest_bg.jpg);
    background-repeat:repeat-x;
    border-bottom:1px solid #CCCCCC;
    color:black;
    text-decoration:none;
    font-weight:bold;
}
.suggestclose_link {
    background-image:url(img/heading_suggest_bg.jpg);
    background-repeat:repeat-x;
    padding:5px;
    text-align:right;
}
.suggestclose_link a, .suggestclose_link a:link, .suggestclose_link a:visited, .suggestclose_link a:hover {
    font-weight:bold;
    color:#000000;
    display:block;
    text-decoration:none;
    cursor:pointer;
}
.suggestmore_link {
    background-image:url(img/heading_suggest_bg.jpg);
    background-repeat:repeat-x;
    padding:5px;
    text-align:right;
}
.suggestmore_link a, .suggestmore_link a:link, .suggestmore_link a:hover, .suggestmore_link a:visited {
    font-weight:bold;
    color:#000000;
    display:block;
    text-decoration:none;
    cursor:pointer;
}
#suggest_image {
    width:44px;
    max-width:44px;
    background-color:#ffffff;
    text-align:center;
    border:1px solid #CCCCCC;
}
#suggest_image img {
    width:30px!important;
    max-width:30px;
}
.suggest_image {
    width:44px;
    float:left;
    margin-right:5px;
}
.suggestwidth {
    padding:2px 0 2px 0;
    overflow:auto;
}
.suggest_productsname {
    display:block;
    width:auto;
    float:left;
    font-weight:bold;
}
.suggest_products_price {
    white-space:nowrap;
    float:right;
    text-align:left;
}
.autosuggest_no_products {
    padding:5px;
    background-image:url(img/heading_suggest_bg.jpg);
    background-repeat:repeat-x;
    border-bottom:1px solid #CCCCCC;
    color:black;
    font-weight:bold;
}