/* -----------------------------------------------------------------------------------------

   $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

   ---------------------------------------------------------------------------------------*/



/* Zentrale Formate definieren

----------------------------------------------- */

body {

        font-family:"Trebuchet MS",Verdana,Arial,Sans-serif;

        font-size:13px;

        margin-left:auto;

        margin-right:auto;

        margin-top:0px;

        margin-bottom:0px;

        padding:0px;

        background-image:url(img/1280.jpg);
        background-position:center top;
/*        background-image:url(img/bg.gif);*/

        background-color:#FFFFFF;


}



/* Header-Klassen

----------------------------------------------- */

h1 {

        color:#FF9900;

		font:Verdana, Arial, Helvetica, sans-serif;

        font-weight:bold;

        font-size:20px;

        border-style:solid;

        border-width:0px 0px 1px 0px;

        border-color:#857040;

        margin:20px 0px 10px 0px;

        padding:0px;

        width:auto;

}



h1 a {

        color:#FF9900;

        font-weight:bold;

        font-size:inherit;

        border-style:solid;

        border-width:0px 0px 1px 0px;

        border-color:#857040;

        margin:15px 0px 5px 0px;

        padding:0px;

        text-decoration:none;

        width:auto;

}



h2 {

        color:#FF9900;

        font-weight:bold;

        font-size:112%;

        margin:15px 0px 4px 0px;

        padding:0px;

}


h3 {

        color:#FF9900;

        font-weight:bold;

        font-size:16px;

        border-style:solid;

        border-width:0px 0px 2px 0px;

        border-color:#857040;

        margin:10px 0px 10px 0px;

        padding:0px;

        width:auto;

}



/* Paragraph

----------------------------------------------- */

p {

        line-height:20px;

        padding:0px;

        margin:15px 0px 15px 0px;

}



/* Links im Text

----------------------------------------------- */

a {

        color:#FF6600;

}



/* Horizontale Linie

----------------------------------------------- */

hr {

        width:100%;

        border:none;

        color:#FF9900;

        background:#FF9900;

        height: 1px;

        margin: 7px 0px 7px 0px !important;

        margin: -2px 0px -2px 0px;

        line-height:1px;

        font-size:1px;

}



/* Textarea

----------------------------------------------- */

textarea {

        font-family:"Trebuchet MS",Verdana,Arial,Sans-serif;

        font-size:13px;

}



/* Input

----------------------------------------------- */

input {

        font-family:"Trebuchet MS",Verdana,Arial,Sans-serif;

        font-size:12px;

}



/* Input

----------------------------------------------- */

select {

        font-family:"Trebuchet MS",Verdana,Arial,Sans-serif;

        font-size:12px;

}



/* Image mit link

----------------------------------------------- */

img {

        border:0;

}



/* Formular

----------------------------------------------- */

form {

        padding:0px;

        margin:0px;

}



/* Horizontale Linie ex-hellgrau nun gold ;p

----------------------------------------------- */

hr.lightGrey {

        width:100%;

        border:none;

/*      color:#D9D9D9;

        background:#D9D9D9; */

        color:#857040;

        background:#857040;

        height: 1px;

        margin: 7px 0px 7px 0px !important;

        margin: -2px 0px -2px 0px;

        line-height:1px;

        font-size:1px;

}



/* Main Container (über gesamte Seite)

----------------------------------------------- */

div#mainContainer {

        margin-left:auto;

        margin-right:auto;

        width:960px;

/*        background-color:#FFFFFF;   */

/*        border-style:solid;    */

/*        border-color:#857040; */

        border-width:0px 0px 0px 0px;

}



/* Container für linke Spalte

----------------------------------------------- */

div#leftColContainer {

        float:left;

        width:190px;

        margin:5px 0px 0px 0px; /*NINA*/

/*        padding:15px 0px 0px 0px;*/
        padding:0px; /*NINA*/

}



/* Container für mittleren Bereich

----------------------------------------------- */

div#middleColContainer {

        float:left;

        width:530px; /*NINA*/

        _width:530px;

/*        width:540px;*/

/*        _width:540px;*/

/*        background-color:#404040;*/
        background-image:url(img/bg_content.jpg);

        margin:5px 5px 0px 5px; /*NINA*/

        padding:15px 25px 15px 25px;

        _padding:15px 10px 15px 10px;

/*        padding:15px 25px 0px 25px;*/

/*        _padding:15px 10px 0px 10px;*/

}



/* Container für rechten Bereich

----------------------------------------------- */

div#rightColContainer {

        float:right;

        width:180px;

        margin:5px 0px 0px 0px; /*NINA*/

/*        padding:15px 0px 0px 0px;*/
        padding:0px; /*NINA*/

}



/* Header mit Logo

----------------------------------------------- */

div#logoHeader {

        padding:0px 0px 0px 0px;

        margin:0px 0px 0px 0px;

        width:960px;

        background-image:url(img/toprowbg.jpg);
        background-repeat:no-repeat;
/*        background-image:url(img/toprowbg.gif);*/

        height:87px;

}



/* Horizontales Men

----------------------------------------------- */

ul#horizontalmenu {

        list-style-type:none;

        /*width:960px;*/
        width:515px;



        margin:0px 0px 0px 0px;
/*        margin:1px 0px 0px 0px;*/

        padding:0px;

        /*border:none;*/

        float:left;

       /*  background-image:url(img/mnu_orange_background.jpg); */
        background-repeat:no-repeat;
/*        background-image:url(img/mnu_dark_background.gif);*/


}



ul#horizontalmenu li {

        float:left;

        padding:0px;

        margin:0px;


}

li.link_text {
	text-align: center;
}

li.link_account {
	background-image:url(img/orange_account.png);
	background-repeat:no-repeat;
	background-position: center top;
	width: 96px;
}

li.link_cart {
	background-image:url(img/orange_cart.png);
	background-repeat:no-repeat;
	background-position: center top;
	width: 105px;
}

li.link_checkout {
	background-image:url(img/orange_checkout.png);
	background-repeat:no-repeat;
	background-position: center top;
	width: 62px;
}

li.link_wishlist {
	background-image:url(img/orange_wishlist.png);
	background-repeat:no-repeat;
	background-position: center top;
	width: 110px;
}

li.link_logoff {
	background-image:url(img/orange_logoff.png);
	background-repeat:no-repeat;
	background-position: center top;
	width: 92px;
}

.menu_bg {
	font-weight:bold;
	text-transform:uppercase;
	background-image:url(img/orange_background_komplett.jpg);
	 background-repeat:no-repeat;

}

.menu_boxes {
	text-transform:none;
	/*float:right;*/
	text-align:right;
	margin-top:0px;
	color:#FFFFFF;
	margin-bottom:9px;
}

ul#horizontalmenu li.link {
		float:left;
        margin:0px;
        padding:10px 0px 7px;
        vertical-align:left;
}

#horizontalmenu li.spacer {
	background-image: url(img/menuspacer_re.gif);
	background-position: left top;
	/* width: 5px; */
	padding:0px 0px 1px;
	width:1px;
}

ul#horizontalmenu * a {

        font-size:14px;

        color:#4d0000;

/*        font-weight:bold;*/

/*        text-transform:uppercase;*/

        text-decoration:none;

        padding:0px;

        margin:0px;

}



/* Breadcrumb Pfad

----------------------------------------------- */

div#breadcrumb {

/*        background-color:#666666;*/

        margin:1px 0px 0px 0px;

        _margin:1px 0px 0px 0px; /*IE Bugfix*/

        padding:6px 10px 2px 10px;

        _padding:5px 10px 0px 10px; /*IE Bugfix*/

        color:#000000;

        font-size:11px;

        border:none;

        background-image:url(img/breadcrumbbg.gif);

        height:19px;

        text-align:left;

}



div#breadcrumb a {

        color:#4d0000;

}



/* Linkes Menu

----------------------------------------------- */

div#submenu {

        display:block;

        font-size:11px;

        width:190px;

        margin:0px 15px 0px 0px;

        padding:0px 0px 0px 0px;

        border-style:solid;

        border-width:1px; /* Rahmen um gesamtes Kategorie-Feld*/

        border-color:#857040;

}



div#submenu a.header {

        font-weight:bold;

        display:block;

        color:#FFFFFF;

        font-size:11px;

        background-color:#857040;

        width:180px;

        margin:0px;

        padding:4px 0px 4px 10px;

        vertical-align:middle;

        border-style:dotted;

/*        border-width:4px 0px 0px 0px;*/
        border-width:0px;    /*NINA*/

/*        border-color:#857040;*/

        background-image:url(img/box_kategorie.gif);

        text-decoration:none;

}



div#submenu .spacer {

        height:10px;

        margin:0px 0px 0px 0px;

        padding:0px;

        border-style:dotted;

        border-width:1px 0px 0px 0px;

        border-color:#857040;

}



div#submenu a.level1 {

        font-weight:bold;

        font-size:12px;

        display:block;

        background-color:#FFEA70;

        width:182px;

        padding:4px 0px 4px 8px;

        border-style:dotted;

        border-width:1px 0px 0px 0px;

        border-color:#857040;

        margin:0px;

        text-decoration:none;

        color:#000000;

}



div#submenu a.level1:hover {

        background-color:#FFFFB2;

        color:#FF0000;

}



div#submenu a.level1 img {

        border:none;

}



div#submenu a.level2 {

        font-weight:normal;

        font-size:11px;

        display:block;

/*        background-color:#fff290;*/

        background-color:#f3e6a7;

        border-top-style:dotted;

/*        border-right-style:solid;

        border-left-style:solid;*/

        border-width:1px 0px 0px 0px;

/*        border-left-color:#FF9900;

        border-right-color:#FF9900;*/

        border-top-color:#857040;

        width:175px;

        margin:0px;

        padding:3px 0px 3px 15px;

        text-decoration:none;

        color:#000000;

}



div#submenu a.level2:hover {

        background-color:#FFF8EE;

        color:#FF0000;

}



div#submenu a.level3 {

        font-weight:normal;

        font-size:11px;

        display:block;

/*        background-color:#FFF2B0;*/

        background-color:#faf4cb;

        border-top-style:dotted;

/*        border-right-style:solid;

        border-left-style:solid;*/

        border-width:1px 0px 0px 0px;

/*        border-left-color:#FF9900;

        border-right-color:#FF9900;*/

        border-top-color:#857040;

        width:165px;

        margin:0px;

        padding:3px 0px 3px 25px;

        text-decoration:none;

        color:#000000;

}



div#submenu a.level3:hover {

        background-color:#FFFFFF;

        color:#FF0000;

}



div#submenu a.level4 {

        font-weight:normal;

        font-size:11px;

        display:block;

/*        background-color:#FFF8CF;*/
/*        background-color:#ffffe6;*/

        background-color:#ffffc7;

        border-top-style:dotted;

/*        border-right-style:solid;

        border-left-style:solid;*/

        border-width:1px 0px 0px 0px;

/*        border-left-color:#FF9900;

        border-right-color:#FF9900;*/

        border-top-color:#857040;

        width:155px;

        margin:0px;

        padding:3px 0px 3px 35px;

        text-decoration:none;

        color:#000000;

}



div#submenu a.level4:hover {

        background-color:#FFFFFF;

        color:#FF0000;

}



div#submenu a.level5 {

        font-weight:normal;

        font-size:11px;

        display:block;

/*        background-color:#FFF8EE;*/

		background-color:#ffffe9;

        border-top-style:dotted;

/*        border-right-style:solid;

        border-left-style:solid;*/

        border-width:1px 0px 0px 0px;

/*        border-left-color:#FF9900;

        border-right-color:#FF9900;*/

        border-top-color:#857040;

        width:145px;

        margin:0px;

        padding:3px 0px 3px 45px;

        text-decoration:none;

        color:#000000;

}



div#submenu a.level5:hover {

        background-color:#FFFFFF;

        color:#FF0000;

}

div#submenu a.level6 {

        font-weight:normal;

        font-size:11px;

        display:block;

/*        background-color:#FFF8EE;*/

        background-color:#fff8ee;

        border-top-style:dotted;

/*        border-right-style:solid;

        border-left-style:solid;*/

        border-width:1px 0px 0px 0px;

/*        border-left-color:#FF9900;

        border-right-color:#FF9900;*/

        border-top-color:#857040;

        width:140px;

        margin:0px;

        padding:3px 0px 3px 50px;

        text-decoration:none;

        color:#000000;

}



div#submenu a.level6:hover {

        background-color:#FFFFFF;

        color:#FF0000;

}


/* Layout der zweiten Box

----------------------------------------------- */

div.boxVarianteZweiHeader {

        font-size:11px;

        border-style:solid;

/*        border-width:4px 0px 0px 0px;*/
        border-width:1px;

/*        border-top-color:#BDCB08;*/
        border-color:#857040;

        background-image:url(img/box_sonstige.gif);

        padding:6px 0px 2px 10px;

        vertical-align:middle;

        color:#FFFFFF;

        font-weight:bold;

        height:20px;

}



div.boxVarianteZweiHeader a {

        color:#FFFFFF;

        text-decoration:none;

        font-weight:bold;

}



div.boxVarianteZweiBody {

        background-color:#FFFFC7;

        border-style:solid;

        border-width:0px 1px 1px 1px;

        border-color:#857040;

        font-size:11px;

        color:#000000;

        padding:8px 10px 8px 10px;

}



div.boxVarianteZweiBody a {

        color:#FF9900;

}



div.boxVarianteZweiBody p {

        line-height:15px;

        margin:5px 0px 5px 0px;

}



/* Floatbox (Inhalte)

----------------------------------------------- */

div.floatBox {

        background-color:#FFFFFF;

        padding:10px 20px 10px 20px;

        border-style:dotted;

        border-color:#857040;

        border-width:1px 0px 1px 0px

}



div.floatBox h1 {

        color:#FF6600;

        font-size:18px;

        font-weight:bold;

        border:none;

        text-decoration:none;

        margin:20px 0px 10px 0px;

}



div.floatBox ul {

        line-height:22px;

}



/* Product Image Box

----------------------------------------------- */

div.productImagesBox {

        background-color:#202020;

        border-style:dotted;

        border-width:1px;

        border-color:#857040;

        font-size:11px;

        color:#FFFFC7;

}



/* Box mit Attributen und Preis bei Produktdetails

----------------------------------------------- */

div.productPriceAttributes {

        background-color:#FFFFC7;

        border-style:dotted;

        border-width:1px;

        border-color:#857040;

        font-size:12px;

        color:#4D0000;

        padding:10px 15px 10px 15px;

}



/* Statt-Preisanzeige

----------------------------------------------- */

span.productOldPrice {

        font-size:12px;

        color:#FF0000;

        font-weight:bold;

}



/* Box mit Downloads

----------------------------------------------- */

div.electronicDownloadsBox {

        background-color:#FFEA80;

        border-style:solid;

        border-width:1px;

        border-color:#FF6600;

        font-size:12px;

        color:#000000;

        padding:10px 15px 10px 15px;

}



/* Box mit Sucheingabefeld

----------------------------------------------- */

div.detailedSearchBox {

        background-color:#F7F7F7;

        border-style:solid;

        border-width:1px;

        border-color:#D9D9D9;

        font-size:12px;

        color:#000000;

        padding:10px 15px 10px 15px;

        text-align:center;

}



/* Box Eingabefeld für Gutscheincode

----------------------------------------------- */

div.voucherBox {

        background-color:#FFEA80;

        border-style:solid;

        border-width:1px;

        border-color:#857040;

        font-size:13px;

        color:#000000;

        padding:10px 15px 10px 15px;

        text-align:center;

}



/* Trennlinie für Produktvorschau (Kategorieanzeige)

----------------------------------------------- */

div.productPreviewSplitLine {

        height:32px;

        background-image:url(img/productSplitLine.gif);

}



/* Trennlinie für Produktvorschau (Kategorieanzeige)

----------------------------------------------- */

img.productImageBorder {

        border-style:none;

/*        border-width:1px; */

/*        border-color:#D9D9D9;*/

}



/* Box für "Weitere Unterkategorien"

----------------------------------------------- */

div.moreCategoriesBox {

        background-color:#F7F7F7;

        border-style:solid;

        border-width:1px;

        border-color:#D9D9D9;

        padding:15px;

}



/* Tabellenlisten

----------------------------------------------- */

.tableListingI {

        background-color: #FFFFC7;

}



.tableListingII {

        background-color: #F9FDCB;

}



/* Warenkorbliste

----------------------------------------------- */

.cartTableListingI {

        background-color: #FFFFFF;

}



.cartTableListingII {

        background-color: #FFFFFF;

}



.cartTabelCell {

        border-style:dotted;

        border-width:0px 0px 1px 0px;

        border-color:#857040;

        padding:7px 4px 7px 4px;

        background-color:#FFFFFF;

}



/* Hintergrund für Popups

----------------------------------------------- */

div.popupContainer {

        background-color:#FFFFFF;

        padding:15px;

}



/* Hintergrund für Bestellungsdruck

----------------------------------------------- */

div.printOrderContainer {

        background-color:#FFFFFF;

        padding:15px;

}



/* Hintergrund für Artikeldruck

----------------------------------------------- */

div.printProductInfoContainer {

        background-color:#FFFFFF;

        padding:15px;

}



/* Artikelliste Bestellungsdruck

----------------------------------------------- */

td.productListHeaderPrintOrder {

        padding:5px;

        border-style:solid;

        border-width:0px 0px 1px 0px;

        border-color:#000000;

        font-weight:bold;

        white-space:nowrap;

}



td.productListItemPrintOrder {

        padding:5px;

        border-style:solid;

        border-width:0px 0px 1px 0px;

        border-color:#999999;

        vertical-align:top;

}



/* Block mit Paymenttypen

----------------------------------------------- */

td.paymentTypeHeader {

        background-color:#FFEA80;

        border-style:dotted;

        border-width:1px 0px 1px 0px;

        border-color:#857040;

        padding:4px;

        color:#4D0000;

}



/* Block mit Shipping Typen

----------------------------------------------- */

td.shippingTypeHeader {

        background-color:#FFEA80;
/*        background-image:url(img/bg_cart.jpg);        */

/*        border-style:dotted;

        border-width:0px 0px 1px 0px;

        border-color:#857040;   */

        padding:4px;

        color:#4D0000;

}



/* Block mit Warenkorbinhalt

----------------------------------------------- */

td.basketHeader {

        background-color:#FFEA80;
/*        background-image:url(img/bg_cart.jpg);*/

        border-style:solid;

        border-width:0px 1px 0px 1px;

        border-color:#FFFFFF;

        padding:4px;

        color:#4D0000;

        font-size:12px;

        font-weight:bold;

}



/* Block mit Reviews

----------------------------------------------- */

td.reviewListHeader {

/*        background-color:#FF9900;*/
        background-image:url(img/bg_cart.jpg);
        border-style:solid;

        border-width:4px 0px 0px 0px;

        border-color:#FFCC66;

        padding:4px;

        color:#FFFFFF;

        font-size:12px;

        font-weight:bold;

}



/* Sitemap Blöcke

----------------------------------------------- */

div.sitemapHeader {

/*        background-color:#FF9900;*/
        background-image:url(img/bg_cart.jpg);
        border-style:solid;

        border-width:1px 1px 1px 1px;

        border-color:#857040;

        padding:6px 8px 6px 8px;

        color:#FFFFFF;

        font-size:12px;

        font-weight:bold;

}



div.sitemapHeader a {

        color:#FFFFFF;

}



div.sitemapContent {

        background-color:#FFFFB2;

        border-style:solid;

        border-width:0px 1px 1px 1px;

        border-color:#857040;

        padding:10px;

        color:#000000;

        font-size:11px;

        font-weight:normal;

}



div.sitemapContent a {

        font-size:12px;

        text-decoration:none;

        color:#000000;

}





/* Errormessage

----------------------------------------------- */

div.errorMessage {

        padding:10px;

        margin:10px 0px 10px 0px;

        border-style:double;

        border-color:#857040;

        border-width:1px;

        background-color:#FFFFFF;

        font-size:13px;

}



/* Successmessage

----------------------------------------------- */

.messageStackSuccess {

        font-size: 12px;

        background-color: #79DF00;

        padding:8px;

}



/* Produktnavigator (unter jedem Produkt)

----------------------------------------------- */

div.productNavigator {

        margin: 10px 0px 10px 0px;

        padding:10px;

        background-color:#F7F7F7;

        border-style:solid;

        border-width:1px;

        border-color:#D9D9D9;

}



/* AGB Bestätigung

----------------------------------------------- */

div.agbConfirmation {

        border-style:solid;

        border-width:1px;

        border-color:#857040;

        background-color:#FFFFFF;

        padding:10px;

}



/* Footer

----------------------------------------------- */

div#footer {

        width:960px;

        font-size:11px;

        color:#C0C0C0;
/*        color:#666666;*/

        padding:4px 0px 4px 0px;

        text-align:center;

        margin-left:auto;

        margin-right:auto;


}



/* Copyright

----------------------------------------------- */

div.copyright {

        width:960px;

        text-align:center;

        color:#C0C0C0;

        margin-left:auto;

        margin-right:auto;

        font-size:11px;

        padding:0px 0px 10px 0px;

}



/* Float-Clearing div

----------------------------------------------- */

div.clearboth {

        clear:both;

}



div.clearleft {

        clear:left;

}



div.clearright {

        clear:right;

}

/* Cat Box

----------------------------------------------- */

div.catBOX {
        float: left;
        width: 125px;
        margin:0px 5px 10px 0;
        height:150px;
        background: no-repeat center center;
        border: solid 1px #cccccc;

}
div.catBOX h1 {
                margin: 0px;
        font-size:12px;

        border-style:solid;

/*        border-width:4px 0px 0px 0px;*/
        border-width:0;

/*        border-top-color:#BDCB08;*/
        border-color:#857040;

        background-image:url(img/box_sonstige.gif);

        padding:3px 0px 0px 10px;

        vertical-align:middle;

        color:#FFFFFF;

        font-weight:bold;

        height:20px;

}
div.catBOX h1 a {
        color: #ffffff;
        text-decoration:none;
        border-width:0;
}

/* Products Box // 2 Spaltig

----------------------------------------------- */
div.product2spaltigimgcont {
        height: 120px;
        width: 140px;
        border: none;
}

div.product2spaltig {
        float: left;
        width: 245px;
        margin:0px 5px 10px 0;
        height:270px;
        background: #FAFCE6;
        border: solid 1px #cccccc;
        padding: 5px;

}

div.product2spaltig h1 {
        font-size:14px;
                margin: 0;
        padding:0px;

                  height: 34px;
                  vertical-align:middle;

        color:#FFFFFF;

        font-weight:bold;


}
div.product2spaltig img {
        float: left;
        margin: 0 5px 5px 0;
}
div.product2spaltig h1 a {
        color: #000000;
        text-decoration:none;
        border-width:0;
}
div.product2spaltig p {
        margin: 0;
        padding: 2px 0;
}
div.product2spaltig p.desc {
        height: 30px;
}



/* Products Box // 2 Spaltig

----------------------------------------------- */


div.product3spaltigimgcont {
        height: 120px;
        width: 140px;
        border: none;
		margin-bottom:10px;
}


div.product3spaltigbtncont {

}

div.product3spaltigtitcont{

		height:35px;
		width:155px;
		font-family:Verdana;
		overflow: hidden;
		display: block;
		position: relative;

}

div.product3spaltig {
        float: left;
        width: 155px;
        margin: 0px 5px 10px 0;
        height: 295px;
        background: #FAFCE6;
        border: solid 1px #cccccc;
        padding: 5px;

}

div.product3spaltig h1 {
        font-size: 14px;
        margin: 0;
        padding: 0px;
        height: 34px;
        vertical-align: middle;
        color:#FFFFFF;
        font-weight: bold;

}

div.product3spaltig img {
        float: left;
        margin: 5px 5px 5px 0;
}
div.product3spaltig h1 a {
        color: #000000;
		font:Verdana, Arial, Helvetica, sans-serif;
        text-decoration:none;
        border-width:0;
}
div.product3spaltig p {
        margin: 0;
        padding: 2px 0;
}
div.product3spaltig p.desc {
        height: 30px;
}

/* Dropdown-Definition
----------------------------------------------- */

form {

	display:inline;
}

/* Wundertuete
----------------------------------------------- */
strong.cartSurpriseName {
	color:#FF6600;
}