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



.klaerchen {
    clear: both;
    width: 1px;
    height: 1px;
    font-size: 1px;
  }


.boxText {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
  }


.errorBox {
    font-family : Verdana, Arial, sans-serif;
    font-size : 10px;
    background: #ffb3b5;
    font-weight: bold;
  }


.stockWarning {
    font-family : Verdana, Arial, sans-serif;
    font-size : 10px;
    color: #cc0033;
  }


.productsNotifications {
    background: #f2fff7;
  }


.orderEdit {
    font-family : Verdana, Arial, sans-serif;
    font-size : 10px;
    color: #70d250;
    text-decoration: underline;
  }


BODY {
    min-width:900px;
    /* wg. Osternbild sonst reicht 600 */ /* background: #EEFFF6;
    / * lila:#ccccff;
    */ color: #000000;
    margin: 0px;
  }


A {
    color: #7777ff;
    text-decoration: none;
  }


A:hover {
    color: #b45eff;
    text-decoration: underline;
  }


FORM {
    display: inline;
  }


TR.header {
    background: #ffffff;
  }


TR.headerNavigation {
    background: #6666aa;
  }


TD.headerNavigation {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    background: #6666aa;
    color: #000000;
    font-weight : bold;
    border-bottom: 1px solid;
    border-color: #b7b7cb;
  }


A.headerNavigation {
    color: #000000;
  }


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


TR.headerError {
    background: #ff0000;
  }


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: #6666aa;
    color: #000000;
    font-weight : bold;
    border-bottom: 1px solid;
    border-color: #b6b7cb;
  }


.infoBox {
  }


.infoBoxContents {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
  }


.infoBoxNotice {
    background: #FF8EA0;
  }


.infoBoxNoticeContents {
    background: #FFE6E6;
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
  }


TD.infoBoxHeading {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background: #666666;
    height:17;
    color: #ffffff;
  }


TD.infoBoxHeading_right {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background: #C4C4C4;
    height:17;
    color: #000000;
  }


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


TD.infoBox_right, SPAN.infoBox_right {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    background: #E6E6E6;
  }


#InfoBoxTopLeft {
    float: left;
    display: inline;
    min-width: 10px;
  }


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-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 {
    color: #0000FF;
  }


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


TD.pageHeading, DIV.pageHeading {
    font-family: Verdana, Arial, sans-serif;
    font-size: 16px;
    font-weight: bold;
    color: #000000;
  }


TR.subBar {
    background: #f4f7fd;
  }


TD.subBar {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #000000;
  }


TD.main, P.main {
    font-family: Verdana, Arial, sans-serif;
    font-size: 1.0em;
    line-height: 1.5;
  }


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


CHECKBOX, INPUT, RADIO, 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-family: Verdana, Arial, sans-serif;
    font-size: 1.1em;
    color: #cc33cc;
    font-weight: bold;
  }


TABLE.formArea {
    background: #f1f9fe;
    border-color: #7b9ebd;
    border-style: solid;
    border-width: 1px;
  }


TD.formAreaTitle {
    font-family: Tahoma, Verdana, Arial, sans-serif;
    font-size: 12px;
    font-weight: bold;
  }


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.errorText {
    font-family: Verdana, Arial, sans-serif;
    color: #ff0000;
  }


SPAN.productDiscountPrice {
    font-family: Verdana, Arial, sans-serif;
    color: #ff0000;
    font-weight: bold;
  }


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


.navLeft {
    padding-left : 7px;
    text-align:left;
    vertical-align:top;
  }


.navRight {
    padding-right: 7px;
    vertical-align:top;
  }


.tableBody {
    padding: 5px;
  }


.poweredby {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    color: #000000;
    font-weight: bold;
  }

/* ---- neue Kopfzeile ----*/

#Kopfleiste {
    margin-bottom: 0px;
    height: 130px;
    background: url(img/logo_back2_ostern.png) repeat-x ;
    width: 100%;
  }


#Kopfleiste_links {
    float: left;
    display: inline;
    min-width: 350px;
    width: 35%;
  }


#Kopfleiste_rand_links {
    margin-top: 0;
    margin-left: 0;
    float:left;
    display:inline;
  }


#Kopfleiste_logo {
    margin-top: 25px;
    text-align:center ;
    float: left;
    display: inline;
  }


#Kopfleiste_mitte {
    margin-top: 25px;
    position: absolute;
    left: 380px;
  }


#Kopfleiste_rechts {
    float:right;
    display:inline;
    width: 50%;
    background-image: url(img/logo_right_side.gif);
    background-repeat: no-repeat;
    background-position: right top;
    margin-top: 0;
    margin-right:0;
    height: 130px;
  }


#Kopfleiste_menu {
    display:inline;
    float:right;
    margin-right: 30px;
    margin-top: 30px;
    text-align:right;
    vertical-align:bottom;
  }


#Kopfleiste_rand_rechts {
    margin-top: 0;
    margin-left: 0;
    float:right;
    display:inline;
  }


.KopfleisteNavigation {
    font-family: Verdana, Arial, sans-serif;
    font-size: .8em;
  }


A.KopfleisteNavigation {
    color: #D4B0E0;
  }


A.KopfleisteNavigation:hover {
    color: #D4B0E0;
  }

/* ======= Der Kopf =================================== */

h1#shoplogotext {
    text-indent: -9000px;
    height: 0;
  }


img#ShopLogo {
    float: left;
    display: inline;
    width: 98%;
    margin-left: 1%;
  }


a img {
    border: none;
  }

/* ---- horizontale Navigation -----*/

#horizontaleNavigation {
    margin-left : 0.5%;
    margin-right : 0.5%;
    padding-bottom : 7px;
    text-align : left;
    width : 99%;
  }

/* ---- Boxen um Produktï¿œbersichten ----*/

#boximage {
    float: left;
    /*align: left;*/
    text-align: center;
    width: 110px;
  }


#boxdescription {
    float: right;
    text-align: left;
  }


.boxheader {
    background-color: #b45eff;
    line-height : 3em;
    padding-bottom : 0;
    padding-left : 5px;
    padding-right : 0;
    padding-top : 0;
    vertical-align:top;
  }


.boxHeaderText {
    color: #F0ECF4;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    text-decoration: none;
    text-transform: none;
  }


.boxContentText A:hover {
    COLOR: #333333;
    FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
    FONT-SIZE: 0.7em;
    font-weight: normal;
    TEXT-DECORATION: underline;
  }


.boxContentText A:active, .boxContentText A:link, .boxContentText A:visited {
    COLOR: #333333;
    FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
    FONT-SIZE: 0.7em;
    font-weight: normal;
    TEXT-DECORATION: none;
  }


.boxPrice_text {
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 1.1em;
    font-weight: bold;
    TEXT-DECORATION: none;
  }

/* ---- TOP-Produkte Praesentation ----*/

#topboximage {
    text-align: center;
  }


#topboxdescription {
    text-align: center;
  }


.topbox {
    margin-left: 135px;
    margin-right: 240px;
    max-width: 34em;
    background: url(img/topbox/content.gif) top left;
    text-align:justify;
  }


.topboxheader {
    background-color: #0000b4;
    line-height : 3em;
    padding-bottom : 0;
    padding-left : 5px;
    padding-right : 0;
    padding-top : 0;
    vertical-align:top;
  }


.topboxHeaderText {
    color: #F0ECF4;
    font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
    font-size: 0.7em;
    font-style: normal;
    font-variant: normal;
    font-weight: bold;
    line-height: normal;
    text-decoration: none;
    text-transform: none;
  }


.topboxContentText {
    COLOR: #000000;
    FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
    FONT-SIZE: 0.7em;
  }

.topboxContentText  A:hover {
    COLOR: #333333;
    FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
    FONT-SIZE: 0.7em;
    font-weight: normal;
    TEXT-DECORATION: underline;
  }


.topboxContentText A:active, .boxContentText A:link, .boxContentText A:visited {
    COLOR: #333333;
    FONT-FAMILY: Tahoma, Arial, Helvetica, sans-serif;
    FONT-SIZE: 0.7em;
    font-weight: normal;
    TEXT-DECORATION: none;
  }


.topboxPrice_text {
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 1.1em;
    font-weight: bold;
    TEXT-DECORATION: none;
  }


.mwst_text {
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    FONT-SIZE: 0.6em;
    font-weight: normal;
    TEXT-DECORATION: none;
  }


.mwst_text A,.mwst_text A:hover, .mwst_text A:active, .mwst_text A:visited, .mwst_text A:link {
    COLOR: #000000;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
    font-weight: normal;
    TEXT-DECORATION: underline;
  }

/* InfoBox formating left */
/*------------------------*/

.InfoBoxLeft {
    background:#E6E6E6 none repeat scroll 0 0;
    width:230;
    border:5;
    border-style:ridge;
    padding-bottom: 2;
    margin-bottom:10;
  }


.InfoBoxLeftHeading {
    background:#666666 none repeat scroll 0 0;
    color:#FFFFFF;
    font-family:Verdana,Arial,sans-serif;
    font-size:10px;
    font-weight:bold;
    height:17px;
    padding-left:2;
    padding-left:5px;
    padding-top:2px;
  }


.InfoBoxLeftContent {
    background:#E6E6E6 none repeat scroll 0 0;
    border-color:#C4C4C4;
    border-right:4px solid #C4C4C4;
    font-family:Verdana,Arial,sans-serif;
    font-size:10px;
    padding-left: 5;
  }


.InfoBoxRight {
    border-style: ridge;
    border-width: 3px;
    width: 230px;
    margin-right: 2px;
    margin-bottom:10;
  }

/*
bgcolor="#e6e6e6" width="185" valign="top"
				style="border-color: rgb(102, 102, 102); 
						border-top: 4px solid rgb(102, 102, 102); 
						border-left: 4px solid rgb(102, 102, 102);"*/

.infoBoxRightHeading {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    font-weight: bold;
    background: #C4C4C4;
    height:17;
    color: #000000;
    padding-left:5px;
    padding-top:5px;
  }


.infoBoxrightContent {
    font-family: Verdana, Arial, sans-serif;
    font-size: 10px;
    background:#E6E6E6 none repeat scroll 0 0;
    padding-left : 5px;
    padding-top : 5px;
    padding-right : 5px;
    padding-bottom : 5px;
    text-align : left;
  }


#boxTextCart {
    background-attachment : scroll;
    background-color : #E6E6E6;
    background-repeat : repeat;
    padding-bottom : 5px;
    padding-left : 5px;
    padding-right : 5px;
    padding-top : 5px;
    text-align : center;
  }

/* Styles for categorie-box */
/*--------------------------*/

.moduleRow {
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    line-height: 1.5;
    background-color: #E6E6E6;
    border: 1px solid;
    border-color: #E6E6E6;
  }


.moduleRowOver {
    background-color: #D7E9F7;
    cursor: hand;
    border: 1px solid;
    border-color: #ffffff;
    font-family: Verdana, Arial, sans-serif;
    font-size: 11px;
    line-height: 1.5;
  }


.moduleRowSelected {
    background-color: #E9F4FC;
  }


.CatTopLevel {
    background-image: url(img/icon_arrow.jpg);
    background-repeat:no-repeat;
    background-position : center left;
    padding-left: 15;
  }


.CatLevel1 {
    padding-left: 25;
  }


.CatLevel2 {
    font-style : italic;
    padding-left : 45;
  }


.CatLevel3 {
    padding-left: 55;
  }