/* -----------------------------------------------------------------------------------------
   $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{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:black;
	margin:0px;
	font-weight:normal;
  background:#768087;
}

#language{
	margin-bottom:10px;
	margin-left:20px;
}

#outer{
	width:980px;
	margin:0;
	margin-right:auto;
	margin-left:auto;
	background: url(img/bg-wrapperOuter.png) repeat-y right top;
}

#sidebar_outer{
	float:left;
	width:300px;
}

#sidebar{
  padding:0;
	color:000;
	/*height:850px;*/
	background:#C7C9C8;
	margin-right:10px;
}

#sidebar_unten{
	background:  #C7C9C8;
	width:280px;
	/*height:570px;*/
	padding-bottom: 70px;
}

.sidebar_kats{
	width:260px;
	margin-top:10px;
	padding-left:15px;
	margin-right:5px;

}

#sabona{
	background:url(img/bg-navreiter-sabona.gif) right top no-repeat;
	width:280px;
	text-align:left;
	font-weight:bold;
}

#dogline
{
	background:url(img/bg-navreiter-dogline.gif) right top no-repeat;
	width:280px;
	text-align:left;
	font-weight:bold;
}

#lunavit
{
	background:url(img/bg-navreiter-lunavit.gif) right top no-repeat;
	width:280px;
	text-align:left;
	font-weight:bold;
}

#hiptitan{
	background:url(img/bg-navreiter-hiptitan.gif) right top no-repeat;
	width:280px;
	text-align:left;
	font-weight:bold;
}

#collagen{
	background:url(img/bg-navreiter-collagen.gif) right top no-repeat;
	width:280px;
	text-align:left;
	font-weight:bold;
}

#golf{
	background:url(img/bg-navreiter-golf.gif) right top no-repeat;
	width:280px;
	text-align:left;
	font-weight:bold;
}

#nav_image{
	float:right;
	margin:0;
	padding:0;
}

.nav_link, .nav_link:hover{
  width:230px;
	height:24px;
	float:left;
	margin:0;
	padding:0;
	padding-left:20px;
	color:white;
	font-size:12px;
	text-decoration:none;
	text-transform:uppercase;
	display:block;
}

.nav_link_unten{
	color:white;
	text-decoration:none;
}

#content{	
  top:0px;
  margin:0;
  padding:0;
	float:right;
	width:680px;
}

#login{
    margin:0;
	padding:0;
	background:#C7C9C8;
	height:46px;;
	width:680px;
}

#login p {
    margin:0;
	font-size:12px;
	font-weight:bold;
	color:#3a8795;
	padding-top:12px;
	padding-right:20px;
	text-align:right;
}

#warenkorb{
    float:left;
	  margin:10px;margin-top:0;
    width:100%;
	padding:0;
	font-size:12px;
}

#innen{
 padding:10px;
 padding-left:15px;
}

#login_box{
    float:left;
	margin:0;
	padding:0;
}

#loggedin_box{
    float:left;
	padding-top:15px;
	font-size:9px;
	padding-left:5px;
}

.loggedin_link, .loggedin_link:hover{
		font-size:10px;
		font-weight:bold;
		color:#3a8795;
}
#login_boxes{
	float:left;
	padding-top:8px;
}

#login_submit{
	float:left;
	padding-top:10px;
	margin-left:2px;
}
	
.login_link , .login_link:hover{
    margin-left:5px;
    float:left;
	padding-top:15px;
	font-size:9px;
	color:#3a8795;
	text-align:left;
}


#warenkorb_text{
	padding-top:10px;
	padding-left:5px;
	font-size:11px;
	font-weight:bold;
	color:#666;
	text-align:left;
}

#loggedin_text{
	padding-top:14px;
	padding-left:5px;
	font-size:10px;
	font-weight:bold;
	color:#3a8795;
	text-align:left;
}

#warenkorb_text a{
 	font-size:9px;
	color:#666;
}

#footer{
	background:url(img/bg-footer.png) top left no-repeat;
	width:980px;
	height:25px;
}

#footer_text {
	padding-right:10px;
  margin-top:5px;
  margin-bottom:5px;
	text-align:center;
	background-color: #fff;
}
#footer_text a {
	color: #768087;
	font-size:10px;
}

.top_login_ruler{
 float:left;
 border-left:1px #98806C solid;
 width:1px;
 height:35px;
 margin-right:10px;
 margin-left:20px;
}
	
h1 {
	color:#fbac4d;
	font-size:16px;
}

h2 {
	color:#3a8795;
	font-size:12px;
}


img {
	border:none;
}	
.copyright{	
	font-size:8px;
	text-align:center;
}

.copyright a{
	font-size:8px;

}

.magnetschmuck_clearer{
	clear:both;
}

.overview_boxes_header{
	/*width:310px;*/
	background-color:#768087;
	color:#ffffff;
	padding-top:2px;
	padding-left:7px;
	margin: 0 2px 0 2px;
	height:16px;
}
/*.overview_boxes{
    background:url(img/shaddow.gif) bottom repeat-x;
	padding:7px;
	border-right:2px #f0f0f0 solid;
	border-left:2px #f0f0f0 solid;
	width:309px;
	height:220px;
}*/
.overview_boxesOuter {
	margin-top:10px;
	padding-bottom: 17px;
	background:url(img/bg-box-footer.png) bottom left no-repeat;
	float:left;
	width:321px;
}
.overview_boxes{	
	padding:7px 12px 0px 12px;
	height:220px;
	background:url(img/bg-box-body.png) top left repeat-y;
}

/*#listing_top{
	background:url(img/shaddow.gif) bottom repeat-x;
	padding:7px;
	border-right:2px #f0f0f0 solid;
	border-left:2px #f0f0f0 solid;
	border-top:1px #f0f0f0 solid;
	margin-left:5px;
	width:629px;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
	margin-right:5px;
	display:block;
	
}*/
#listing_topOuter {
	display: block;
	padding-bottom: 12px;
	width: 650px;
	background:url(img/bg-listing_top-footer.png) left bottom no-repeat;
}
#listing_top {
	background:url(img/bg-listing_top-body.png) left bottom repeat-y;
	padding:7px 7px 12px 7px;
	width:636px;
	font-size:11px;
	font-weight:normal;
	text-decoration:none;
}

	
/*#listing_boxes {
  text-align:left;
	font-size:11px;
	font-weight:normal;
	float:left;
	background:url(img/shaddow.gif) bottom repeat-x;
	padding:7px;
	border-right:2px #f0f0f0 solid;
	border-left:2px #f0f0f0 solid;
	border-top:1px #f0f0f0 solid;
	width:300px;
	height:260px;
	margin-top:10px;
	margin-left:5px;
}	*/
.listing_boxesOuter {
	margin-top:10px;
	padding-bottom: 17px;
	background:url(img/bg-box-footer.png) bottom left no-repeat;
	float:left;
	width:326px;
}
#listing_boxes {
  text-align:left;
	font-size:11px;
	font-weight:normal;
	padding:7px 14px 0px 8px;
	height:250px;
	background:url(img/bg-box-body.png) top left repeat-y;
}	

#listing_boxes a{
	font-weight:bolder;
	color:#768087;
}

.listing_boxes_left{
	text-align:right;
	margin:0;
	padding:0;
	line-height:normal;
}

.listing_boxes_desc{
	margin-top:10px;
	margin-bottom:5px;
}

.overview_text{
	text-align:right;
	margin:0;
	padding:0;
	line-height:normal;
	height:60px;
}

.overview_boxes a{
    font-weight:bolder;
	color:#768087;
}

.products_price, a.products_price{
    margin-top:3px;
	font-weight:bold;
  	color:#fa9a26;
}

#shadow{
	background:url(img/bg-register-shadow.gif) top left no-repeat;
	height:10px;
}

#search_box{
	margin:0;
	margin-top:5px;
	margin-bottom:5px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:2px;
	width:240px;
	margin-left:15px;
	border-top:1px #FFFFFF dotted;
	border-bottom:1px #FFFFFF dotted; 
}
.search_field{
	border:1px #919286 solid;
	padding:2px;
}

.login_field{
	border:1px #919286 solid;
	padding:2px;
	margin-left:3px;
}

.right{
	float:right;
}

span.right {
  float:right;
	padding-top:10px;
	padding-left:5px;
	text-align:left;
	width: 155px;
}

.left{
	float:left;
}

.clear{
	clear:both;
}

#clearer{
	clear:both;
}

.right_image{
	float:left;
	padding-top:15px;
	padding-left:10px;
}

#cat_links{
	padding-left:20px;
	padding-top:5px;
	font-size:12px;
}

#cat_links a {
    margin-left:5px;
	font-size:12px;
	font-weight:normal;
	color:white;
	text-transform:uppercase;
	text-decoration:none;
}

p {
  margin:0;padding:0;
}

a{
	font-size:12px;
	color:#768087;
}

a:hover{
	text-decoration:underline;

}
#innen a:hover {color:#A82D29;}
.category_image{
	margin-right:20px;
}

#detail_link a{
	color: #fa9a26;
	text-decoration:underline;
}



input.radio{
 float:left;
 height:12px;
}

input.text{
	border:1px #919286 solid;
}

input.select{
	border:1px #919286 solid;
}

.radio_label{
	font-size:10px;
	line-height:10px;
	padding:0;
	margin-left:5px;
	margin-top:3px;
}

textarea{
	border:1px #919286 solid;
	padding:5px;
}

.form_small_text_left{
    float:left;
	padding:0px;
	font-size:11px;
	color:#000000;
	line-height:11px;
	margin-right:5px;
}

.form_small_text_right{
    float:left;
	padding:0px;
	font-size:11px;
	color:#000000;
	line-height:11px;
	margin-left:5px;
}

.form_element{
	float:left;
	margin-left:10px;
}

#admin_box{
	margin:15px;
}

#bookmarks{
    margin:0;
	padding:0;
    width:280px;
    float:left;
	font-weight:bold;
	padding-left:10px;
	margin-bottom:0px;
  background:#c7c9c8;
}

/* start Allgemeine Formularstile */
div.fieldset {
	background-color: #F1F2F3;
	margin-bottom: 15px;
	padding: 10px 15px;
	position:relative;
}
div.fieldset h2 {
	clear: both;
	position:relative;
}
span.form_label {
	float: left;
	line-height: 160%;
	width: 150px;
	clear: left;
	position:relative;
}
div.fieldset span.radio input {
	float: none;
	margin: 0;
	width: 20px;
	position:relative;
}
div.fieldset span.radio2 input {
	width: 20px;
	margin: 6px 0px 0px 0px;
	margin-left: 150px;
	float: none;
}
div.fieldset span.radio3 input {
	margin: 0;
	width: 20px;
	position:relative;
}
div.fieldset span.checkbox input {
	float: left;
	margin: 4px 0px;
	width: 20px;
	position:relative;
}
div.fieldset input, div.fieldset select {
	float: left;
	margin: 4px 5px 4px 0px;
	width: 250px;
	border: 1px #ccc;
	position:relative;
}
div.fieldset2 input, div.fieldset2 select {
	float: left;
	margin: 4px 5px 4px 0px;
	width: 250px;
	border: 1px #ccc;
	position:relative;
}
span.inputRequirement {
	margin: 4px 0;
	display: block;
	width: 200px;
	float: left;
	position:relative;
}


/* Formularblock Paymentmethoden */

div.fieldset_payment {
	background-color: #F1F2F3;
	margin-bottom: 15px;
	padding: 10px 15px;
	position:relative;
} 

div.fieldset_payment span.radio input {
	float: none;
	margin: 0;
	width: 20px;
	position:relative;
}
div.fieldset_payment span.radio input {
	float: none;
	margin: 0;
	width: 20px;
	position:relative;
}
div.fieldset_payment span.radio2 input {
	width: 20px;
	margin: 6px 0px 0px 0px;
	margin-left: 150px;
	float: none;
}
div.fieldset_payment span.checkbox input {
	float: left;
	margin: 4px 0px;
	width: 20px;
	position:relative;
}
div.fieldset_payment input {
	float: left;
	margin: 4px 5px 4px 0px;
	width: 250px;
	border: 1px #ccc;
	position:relative;
}

div.fieldset_payment select {
	float: left;
	margin: 0px 5px 0px 0px;
	border: 1px #ccc;
	position:relative;
}
/* end Allgemeine Formularstile */

#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(img/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(img/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(img/images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #000;
	}
	
/* Product Info Seite */
.additionalProductInfo, .additionalProductInfo a {
	font-size: 10px;
}
span.priceProductDetail {
	font-size: 16px;
	color: #3a8795;
	font-style:italic;
}
.dottedLine {
	background: url(img/dotted-line.gif) repeat-x left top;
	height:2px;
	padding-bottom: 10px;
	margin-top: 6px;
}
#imageBox {
	width:160px;
	float:left;
	margin-left:10px;
}
#imageBox img {
	margin-bottom:10px;
}

/* order_detail.html in shopping_cart */
.listingTableHeading {
	background: url(img/top_box_bg.gif) repeat-x left bottom;
	height: 30px;
}

/* Discountbox in shopping_cart */
#discountBoxOuter {
	background: url(img/bg-rabattbox-top.png) no-repeat left top;
	width:620px;
	padding-top: 25px;
	margin-left: 15px;
	margin-top: 15px;
}
#discountBoxInner {
	background: url(img/bg-rabattbox-bottom.png) no-repeat right bottom;
	padding: 0 15px 25px 15px;
}
#discountBoxInner h2 {
	margin-top: 0;
}

/* gift_cart.html */
#giftIcon {
	float: left;
	width: 50px;
}
#giftOutput {
	float: left;
	width: 580px;
}

/* Sitemap */
ul.sitemap {
	list-style-type: none;
	margin: 0;
	padding: 0;
}
ul.sitemap li a:hover {
	color: #3a8795;
}
ul.sitemap li.first {
	background: url(img/sitemap-firstlist.gif) no-repeat left 5px;
	padding-left: 15px;
	line-height: 160%;
}
ul.sitemap li.sub {
	background: url(img/sitemap-sublist.gif) no-repeat left top;
	padding-left: 15px;
	list-style-type:none;
}

/* Checkout Verlaufsanzeige */
table.checkoutStatus {
	font-size: 11px;
}
table.checkoutStatus td {
	text-align: center;
	height: 42px;
}
table.checkoutStatus td.shipping {
	background: url(img/bg-status-checkout-shipping.png) no-repeat center top;
	width: 157px;
}
table.checkoutStatus td.shipping.aktiv {
	background: url(img/bg-status-checkout-shipping-aktiv.png) no-repeat center top;
}
table.checkoutStatus td.payment {
	background: url(img/bg-status-checkout-payment.png) no-repeat center top;
	width: 120px;
}
table.checkoutStatus td.payment.aktiv{
	background: url(img/bg-status-checkout-payment-aktiv.png) no-repeat center top;
}
table.checkoutStatus td.confirmation {
	background: url(img/bg-status-checkout-confirmation.png) no-repeat center top;
	width: 107px;
}
table.checkoutStatus td.confirmation.aktiv {
	background: url(img/bg-status-checkout-confirmation-aktiv.png) no-repeat center top;
}
table.checkoutStatus td.success {
	background: url(img/bg-status-checkout-success.png) no-repeat center top;
	width: 87px;
}
table.checkoutStatus td.success.aktiv {
	background: url(img/bg-status-checkout-success-aktiv.png) no-repeat center top;
}

.productOldPrice{font-weight:lighter;color:#000000;}
.productNewPrice{color:red}
#warenkorb h3 {color:#000;font-size:12px;margin:0;padding:0;margin-bottom:3px;margin-left:5px;}
.scartlink {margin-left:123px;padding-top:10px;font-weight:bold !important;font-size:11px !important;}