/* ----------------------------------------------------------------------------
Screen CSS File
Hofkeller Würzburg
Copyright 2008 by Softloop
---------------------------------------------------------------------------- */

/* ----------------------------------------------------------------------------
Allgemeine Tags und Klassen
---------------------------------------------------------------------------- */

* {
	text-decoration: none;
	margin: 0px;
	padding: 0px;
	border: none;
}

html {
	overflow-y: scroll;
}

body {
	background: url("../pics/body.gif");
	font: 12px Arial, sans-serif;
	color: #000;
	background: #e3e4e5;
	line-height: 1.5em;
}

h1 {
	padding-left: 0px;
	padding-bottom: 20px;
	font: 32px "Times New Roman", serif;
	color: #6a5d4d;
}

h2 {
	color: #6a5d4d;
	font: 20px "Times New Roman", serif;	
}

h3 {
	padding-bottom: 20px;
}

#wrapper {
	margin: 0 auto;
	width: 750px;
	background: #fff;
}

#wrapper ul li {
	list-style-type: none;
}

#header {
	position: relative;
	background: url("../images/header.jpg") no-repeat;
	height: 335px;
	overflow: hidden;
}


#topImage {
	background: #fff;
	height: 175px;
	overflow: hidden;
}

#headerbild img {
	line-height: 0em;
}

#content {
	min-height: 400px;
	width: 750px;
	background: url("../images/content.gif") repeat-y;
	overflow: hidden;
}

* html #content {
	min-height: 400px;
 	height: auto !important;  /* für moderne Browser */
 	height: 400px;  /*für den IE */
	overflow: visible;
}


#right {
	float: left;
	width: 535px;	
	padding: 20px 20px;
	background: #fff;
	margin-bottom: 20px;
}

#topLinks ul li {
	float: left;
	padding-right: 20px;
}

#article {
	float: left;
	width: 535px;
	position: relative;
	padding: 20px 0;
	background: #fff;
	margin-bottom: 20px;
}

#article ul {
	padding-bottom: 20px;
}

#article ul li {
	margin-left: 15px;
	list-style-type: disc;
}

#article ul li.error-msg {
	list-style-type: none !important;
}

#article ul li.success-msg {
	list-style-type: none !important;
}

#article ul.form-list li {
	margin-left: 0;
	list-style-type: none;
}

#article p {
	padding-bottom: 20px;
}

#article a {
	color: #9c9e9f;
}

#navi {
	position: relative;
	height: 90px;
	font: 13px "times new roman", serif;
	padding-bottom: 35px;
	padding-top: 35px;
	padding-left: 20px;
}

#navi a, #left-nav a {
	color: #9c9e9f;
}

#navi ul#mainnavi li a.active, #left-nav li a.active {
	color: #6a5d4d;
}

#navi ul#mainnavi li.active a {
	color: #6a5d4d;
}

#navi ul li {
	list-style-type: none;
}

.subnavi1 {
	position: absolute;
	top: 35px;
	left: 195px;
}

.subnavi2 {
	position: absolute;
	top: 35px;
	left: 340px;
}

#left {
	float: left;
	width: 150px;
	padding-top: 20px;
	padding-left: 20px;	
	padding-right: 5px;
	background: #fff;
}


#left-nav li {
	font: 13px "times new roman", serif;
}

ul#subsubnav li {
	list-style-type: none;
}

ul#subsubnav li a {
	color: #9c9e9f;
}

ul#subsubnav li a.aktiv {
	color: #6a5d4d;
}

#footer {
	height: 30px;
	background: #fff;
	overflow: hidden;
}

#smallnav {
	padding-left: 195px;
	color: #9c9e9f;
}

#smallnav a {
	color: #9c9e9f;
}

#smallnav ul li {
	list-style-type: none;
	float: left;
}

span.pipe {
	padding-left: 10px;
	padding-right: 10px;
} 

div.pleft img {
	position: absolute;
	top: 10px;
	left: 20px;
}

*+html div.pleft img  {
	position: absolute;
	top: 10px;
	left: -105px;
} 

*html div.pleft img  {
	position: absolute;
	top: 10px;
	left: -105px;
}

input { 
	border: 1px solid #9c9e9f;
}

select {
	border: 1px solid #9c9e9f;	
}

.input-box input {
	width: 250px;
	border: 1px solid #9c9e9f;
}


.input-box textarea#comment {
	border: 1px solid #9c9e9f;	
}

p.required {
	margin-top: 10px;
}

button.form-button {
	font: 10px Arial, sans-serif;
	padding: 0 3px;
	width: auto;
	min-width: 140px;
	height: 39px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	background: url("../images/button.jpg") no-repeat right !important;
}

button.form-button span {
	text-align: left;
	display: block;
	white-space: nowrap;
	padding-left: 5px;
	padding-right: 45px;
	padding-bottom: 15px;
	margin-top: -1px;
}

#logo {
	position: absolute;
	right: 30px;
	top: 20px;
	z-index: 3000;
}

/* ----------------------------------------------------------------------------
topsearch
---------------------------------------------------------------------------- */

#topSearch {
	position: absolute;
	right: 0px;
	top: 160px;
	z-index: 100;
	background: #6a5d4d;
	height: 175px;
	width: 300px;
}

#topSearch input {
	padding: 2px;
	border: none;
	line-height: 21px;
	
}

#topSearch input#search {
	margin-bottom: 10px;
	padding-top: 6px;
	padding-left: 5px;
	height: 17px;
	width: 217px;
}

#topSearch input#searchImage {
	padding: 0;
	height: 25px;
	vertical-align: top;
}

.mini-search {
	padding-left: 20px;
	padding-top: 75px;
}

.search-autocomplete {
	background: #e6d1a5;
}


.search-autocomplete ul li {
	cursor: pointer;
	padding: 0 2px;
}


.search-autocomplete ul li:hover {
	background: #fff;
}

/* ----------------------------------------------------------------------------
listhome
---------------------------------------------------------------------------- */

p.introtext {
	padding-top: 15px;
	border-bottom: 1px dotted #000;
}

.category-name {
	padding-top: 10px;
}

.category-desc {
	padding-bottom: 0 !important;
	border-bottom: 1px dotted #000;
}

.category-desc p {
	padding-top: 2px;
	padding-bottom: 10px !important;
}


/* ----------------------------------------------------------------------------
Großegewächse
---------------------------------------------------------------------------- */

.sub-category-block {
	float: left;
	padding-top: 25px;
	padding-bottom: 20px;
}

.sub-category-name {
	width: 535px;
	color: #6a5d4d;
	font: 20px "Times New Roman", serif;
	font-weight: bold;
}

.sub-category-desc {
	float: left;
	width: 535px;
	padding-bottom: 0 !important;
	border-bottom: 1px dotted #000;
}

.sub-category-desc p {
	padding-top: 2px;
	padding-bottom: 15px !important;
}

.listing-item .listing-item-col0 {
	float: left;
	width: 100px;
	padding-right: 10px;
}

.listing-item .listing-item-col1 {
	float: left;
	width: 125px;
	padding-right: 10px;
}

.listing-item .listing-item-col2 {
	float: left;
	width: 140px;
	padding-right: 15px;
}

.listing-item .listing-item-col3 {
	float: left;
	width: 135px;	
}

.product-essential .listing-item-col1 {
	width: 200px !important;
}

.product-essential .listing-item-col2 {
	width: 160px !important;
}

.product-essential .listing-item-col3 {
	width: 160px !important;
}

.listing-item-col1 a {
	font-weight: bold;
	color: #000 !important;
}

.category-description {
	padding-top: 25px;
}

.listing-item {
	width: 535px;
	padding-top: 15px;
	padding-bottom: 15px;	
	border-bottom: 1px dotted #000;
	float: left;
}

.note-msg {
	padding-top: 15px;
}

ol#recently-viewed-items li {
	line-height: 1.8em;
	padding-left: 5px;
	margin-left: 20px;
	
}

.price {
	font-weight: bold;
	white-space: nowrap; /* added 23.01.2009 */
}

body#print table td.last.a-right { /* added 23.01.2009 */
	
}

.price-box {
	display: inline;
	font-weight: bold;
}

/* ----------------------------------------------------------------------------
Detail-Seite
---------------------------------------------------------------------------- */

.product-essential .listing-item-col1 {
	margin-left: -35px;
	float: left;
	width: 200px;
	padding-right: 20px;
}

.product-essential .listing-item-col2 {
	float: left;
	width: 335px !important;
	padding-right: 20px;
}

.product-essential .product-title {
	font-weight: bold;
}

.product-essential .listing-item-col3 {
	float: left;
	width: 335px !important;
	padding-right: 20px;
}

.product-essential {
	width: 590px;
	padding-top: 20px;
}

.listing-item-col3 .medaillen {
	padding-left: 0px;
}
.medaillen {
	padding-left: 15px;
}

.product-essential input {
	border: 1px solid #9c9e9f;
	width: 50px;
}

.button-box {
	margin-left: -13px;
	padding-top: 20px;
	float: left;
	width: 590px;
}


button.form-button-back {
	font: 10px Arial, sans-serif;
	height: 39px;
	padding: 0 3px;
	margin-left: -13px;
	min-width: 140px;
	color: #fff;
	cursor: pointer;
	font-weight: bold;
	background: url("../images/button-left.jpg") no-repeat !important;
}

button.form-button-back span {
	display: block;	
	text-align: right;
	white-space: nowrap;
	padding-bottom: 15px;
	padding-left: 40px;
	padding-right: 5px;
	margin-top: -1px;
}

/* ----------------------------------------------------------------------------
Warenkorb
---------------------------------------------------------------------------- */

table#shopping-cart-table {
	margin-top: 20px;
	border-collapse: collapse;
	width: 535px;
}

table#shopping-cart-table th, table#shopping-cart-table td  { /* added 23.01.2009 */
	padding-left: 4px;
	padding-right: 4px;
}

table#shopping-cart-table a {
	color: #000;
	font-weight: bold;
}

table#shopping-cart-table .a-left {
	text-align: left;
}

table#shopping-cart-table .a-right {
	text-align: right;
	white-space: nowrap; /* added 23.01.2009 */
}

table#shopping-cart-table .a-center {
	text-align: center;	
} 

table#shopping-cart-table input {
	border: 1px solid #9c9e9f;
	text-align: right;
	padding: 0 2px;
}

table#shopping-cart-table tr th {
	font-weight: normal;
	border-bottom: 1px dotted #000;
	padding-bottom: 5px;
}

table#shopping-cart-table tr td {
	padding-top: 15px;
	padding-bottom: 15px;	
	border-bottom: 1px dotted #000;
}

table#checkout-review-table {
	padding-bottom: 20px;
}

table#checkout-review-table tr.even td {
	border-bottom: 1px dotted #000;
}

table#checkout-review-table tr.odd td {
	border-bottom: 1px dotted #000;
}

.shopping-cart-collaterals input {
	border: 1px solid #9c9e9f;
}

.shopping-cart-collaterals select {
	border: 1px solid #9c9e9f;	
}

.tax-collapse {
	cursor: pointer;
}

.shopping-cart-collaterals {
	clear: left;
}

table#shoping-cart-totals-table {
	width: 535px;
	padding-right: 0px;
}

table#shoping-cart-totals-table .col1 {
	width: 480px;
}

.shopping-cart-totals {
	float: left;
	padding-bottom: 15px;
	text-align: right;
}

.shopping-cart-totals span.price {
	padding-left: 5px;
}

.button-group-box {
	padding-top: 15px;
	float: left;
}

.button-update-box {
	padding-left: 372px;
}

tfoot td {
	padding-top: 10px;
}

.button-checkout-box {
	padding-left: 410px;
}

form#discount-coupon-form {
	float: left;
	width: 535px;
}

/* ----------------------------------------------------------------------------
Newsletter
---------------------------------------------------------------------------- */

form#newsletter-validate-detail {
	padding-top: 15px;
}

input#newsletter {
	margin-top: 1px;
	float: left;
	height: 21px;
	margin-right: 15px;
}

/* ----------------------------------------------------------------------------
Zur Kasse
---------------------------------------------------------------------------- */

form#co-shipping-method-form dl.shipment-methods ul {
	margin-left: 10px;
	margin-bottom: 10px;
}

form#co-shipping-method-form dt {
	margin-left: 0px;
}

dl.shipment-methods ul li {
	margin-left: -10px;
}

dl.shipment-methods dt {
	margin-left: -10px;	
	margin-bottom: 5px;
}

.one-page-checkout-progress ol li {
	list-style-type: none;
	padding-bottom: 10px;
}

.one-page-checkout-progress h3 {
	padding-top: 2px;
	font: 12px Arial, sans-serif;
	font-weight: bold;
	color: #6a5d4d; 
}

.one-page-checkout-progress h4 {
	font: 12px Arial, sans-serif;
	color: #6a5d4d;
	padding: 5px 0px;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
}

.one-page-checkout-progress div.content {
	font: 12px Arial, sans-serif;
	border-top: none;
	padding: 5px 0px;
}


.one-page-checkout-progress a {
	color: #9c9e9f;
}

address {
	font-style: normal;
}

#checkoutSteps {
	margin-top: 30px;
}

#checkoutSteps li.section {
	list-style-type: none;
	margin-bottom: 10px;
	float: left;
}

#checkoutSteps .head a {
	display: none;
}

#checkoutSteps .head {
	width: 525px;
	padding: 5px 5px;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
	margin-bottom: 15px;
}

#checkoutSteps h3 {
	font: 12px Arial, sans-serif;
	color: #6a5d4d;
	padding: 0;
}

#checkoutSteps .step-count {
	font: 12px Arial, sans-serif;
	color: #fff;
	background: #6a5d4d;
	padding: 1px 4px;
}

#checkoutSteps div.col2-set {
	width: 535px;
	float: left;
}

#checkoutSteps div.col-1 {
	width: 257px;
	float: left;
	padding-right: 10px;
}

#checkoutSteps div.col-2 {
	width: 257px;
	padding-left: 10px;
	overflow: hidden;
}

.data-table th {
	padding-right: 10px;
	text-align: left;
}

.content.button-set {
	margin-top: 5px;
	padding-top: 5px;
	border-top: 1px dotted;
}

#checkout-step-review tr.first.last th {
	padding-right: 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#checkout-step-review tr.first.odd td {
	padding: 5px 0;
	border-top: 1px dotted;
	border-bottom: 1px dotted;
}

#checkout-step-review tr.last.even td {
	padding: 5px 0;
	border-bottom: 1px dotted;
}

div.a-left.input-checkbox {
	padding-bottom: 20px;
}

ul.no-padding li {
	margin-left: 0 !important;
	list-style-type: none !important;
}

textarea {
	border: 1px solid #9c9e9f;
}

.agreement-content {
	overflow-y: scroll;
}

p.agree {
	padding-top: 20px;
}

ol.checkout-agreements li {
	list-style-type: none;
}

/* ----------------------------------------------------------------------------
Benutzerkonto
---------------------------------------------------------------------------- */

.account-nav ul li a {
	color: #9c9e9f;
}

.account-nav ul li.on {
	color: #6a5d4d;
}

#my-orders-table th {
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom: 1px dotted;
}

#my-orders-table td {
	padding-top: 5px;
	padding-bottom: 5px;
	padding-right: 10px;
	border-bottom: 1px dotted;
}

table.pager td.pages ol li {
	float: left;
	padding-bottom: 15px;
	padding-right: 3px;
	padding-left: 3px;
	list-style-type: none;
}

table.pager td.pages {
	padding-right: 15px;
	padding-left: 15px;
}

.account-box.ad-account-info div.col-1 {
	border: 1px dotted;
	margin-right: 10px;
	padding: 5px;
	background: #fcf8dd;
}

.account-box.ad-account-info div.col-2 {
	border: 1px dotted;
	padding: 5px;
	background: #fcf8dd;
}

h4 {
	font-size: 14px;
	color: #6a5d4d;
	padding-top: 20px;
	padding-bottom: 5px;
}

h4.title {
	padding-top: 2px;
}

h5 {
	clear: left;
	color: #6a5d4d;
	font: 12px "Arial", sans-serif;
	font-weight: bold;
}

h6 {
	color: #6a5d4d;
	font: 12px "Arial", sans-serif;
	font-weight: bold;
}

.primary-address-list ol li {
	list-style-type: none;
}

.address-list ol li {
	list-style-type: none;
}

.col-1 {
	float: left;
	width: 250px;
	padding-right: 10px;
	min-height: 150px;
	margin-bottom: 10px;
}

.col-2 {
	width: 250px;
	min-height: 150px;
	float: left;
}

.col2-set p {
	width: 250px;	
}

/* ----------------------------------------------------------------------------
Adressbuch
---------------------------------------------------------------------------- */

.col2-set {
	width: 535px;
}
 
/* ----------------------------------------------------------------------------
Meine Bestellung
---------------------------------------------------------------------------- */

table.pager td {
	padding: 5px 5px 5px 0px;
}

/* ----------------------------------------------------------------------------
Detailsansicht
---------------------------------------------------------------------------- */

.product-info-box button {
	margin-right: 25px;
	float: left;
}

.product-info-box .form-button-back {
	margin-left: 0px;	
}

/* ----------------------------------------------------------------------------
Print Popup
---------------------------------------------------------------------------- */


body#print {
	padding: 30px;
	background: #fcf8df;	
}

body#print .col2-set {
	float: left;
	width: 300px;	
}

body#print .col-1 {
	float: left;
	width: 240px;
	min-height: 170px;
	padding-right: 0 !important;
}

body#print .col-2 {
	float: left;
	width: 270px;
	padding-left: 0 !important;
	min-height: 170px;
	margin-bottom: 15px;
}

body#print table td {
	padding-right: 15px;
}

#table-print {
	width: 600px;
}

#table-print h4 {
	padding-bottom: 5px;
}

div.newsletter-unsubscribe {
	color:#7D8383;
	font-family:arial;
	font-size:11px;
	padding-top:15px;
	width: 410px;
	border:1px solid #6A5D4D;
	padding: 20px;
}

div.newsletter-unsubscribe td.label {
	color:#000000;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	margin:0;
	padding:0;
	width:150px;
}

div.newsletter-unsubscribe td.field input {
	border:1px solid #6A5D4D;
	color:#7D8383;
	font-family:arial;
	font-size:11px;
	width:300px;
}

div.newsletter-unsubscribe td.field a.submitbutton {
	color:#000000 !important;
	font-family:arial;
	font-size:11px;
	font-weight:bold;
	text-decoration:none;
}

div.newsletter-unsubscribe td.field a.submitbutton:hover {
	text-decoration:underline;
}

#footer {
	position: relative;
	overflow: visible !important;
}

img#vdp-stempel {
	position: absolute;
	bottom: 14px;
	right: 25px;
	z-index: 5;
	display: none;
}

body.cms-home img#vdp-stempel {
	display: block;
}

#shipping-address-select, #billing-address-select {
	width: 535px;
}