@charset "iso-8859-1";
/*  $Id: stylesheet.css, v 1.56 2003/06/30 20:04:02 hpdl Exp $  osCommerce, Open Source E-Commerce Solutions  http://www.oscommerce.com  Copyright (c) 2003 osCommerce  Released under the GNU General Public License*/

html { 
padding:0px;
margin:0px;
height:100%;
}

body {
background-color:#ffffff;
text-align:center;
font-size:12px;
text-align:justify;
font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;  
padding:0;
border:0;
margin:0;
height:100%;
cursor:default;
line-height:1.5;
}

#pageWrapper {
border:0;	/* layout's side borders */
padding:0;
margin:0;
min-width:930px;	/* IE doens't understand this property */
width:auto;
}
/*
* html #pageWrapper {
 word-wrap: break-word;	 invalid CSS but keeps IE from breaking horribly under narrow viewports  
}
*/
#masthead {
border:0;
padding:0;
margin:0;
color:#ffffff;
background-color:#6c8744;
}

#outerColumnContainer {
margin:0;
padding:0;
border-style:solid;
border-width:0 175px;	/* side border widths must equal the widths of the left and right columns. */
border-left-color:#6c8744;	/* left hand column background color */
border-right-color:#877544;	/* right hand column background color */
color:#000000;
z-index: 1;
}
* html #outercolumncontainer {
/* IE5.0/Win fix for 1px whitespace between masthead and body. 
 * The case-incorrect selector is on purpose. IE5.0 and IE5.5 are
 * case insensitive and I'm targeting IE 5.0. 5.5 doesn't get hurt
 * by this extra margin work.
 */
margin-top:-1px;
border-top:solid 1px #6c8744;
padding:0;
}

#innerColumnContainer {
border-style:solid;
border-width:0 1px;	/* puts borders between middle and the side columns. */
margin:0 -1px;		/* compensate for the borders because of 100% width declaration */
padding:0;
width:100%;
z-index:2;
}
html[xmlns] .mozclear
{
/* this selector should be valid CSS, but Opera 7.5 (and above) will pick
 * this up as well. Shouldn't be a problem, Opera should handle this fine,
 * but it's a Mozilla-targeted hack, and it should probably only affect
 * mozilla. You can do that by replacing the INVALID CSS selector
 * :root .mozclear for what's give here.
 */
border-bottom:1px solid;
border-color:transparent;
margin-bottom:-1px;
}

#leftColumn, #rightColumn, #contentColumn {
float:left;
overflow:visible;	/* fix for IE italics bug */
position:relative;
z-index:10;
border:0;
}

#leftColumn {
margin:0 1px 0 -175px;	/* the margin on the side the column is to be rendered on must be the negative equal of the column's width. The opposite border must be 1px */
width:175px;
text-align:left;
background-color:#6c8744;
}

#leftColumn .inside {
background-color:#ffffff;
border-right:1px solid #6c8744;
padding-bottom:15px;
}

#rightColumn {
float:right;	/* doesn't have to be floated right, but if using some original skidoo tweaks, you need it this way */
margin:0 -175px 0 1px;	/* same as in the #leftColumn but reversed */
width:175px;
text-align:left;
}

#rightColumn .inside {
background-color:#ffffff;
border-left:1px solid #6c8744;
padding-bottom:15px;
}

#contentColumn {
margin:0 -1px;		/* required to get the negative margin-based layout to work. if #contentColumn does not overlap the left and right columns, then the whole layout will break */
padding:10px;
padding-bottom:150px;
width:96%;
text-align:left;
background-color:#ffffff;
}

#footer {
position:relative;
background-color: #D4B76A;
border:0;	/* border for bottom of layout and top of footer area */
color:white;
text-align:center;
font-size:11px;
}
html>body #footer

{
padding-bottom:1.01em;	/* attempt to fix Gecko engine's rounding errors which can disrupt the layout. */
}

p, h1, h2, h3, h4, h5, h6 {
margin:1em 0;		/* for better consistency across platforms */
}

.clear {
clear:both;
}

.inside {
/* padding: 0 1.5em;	glitch in IE caused by vertical padding in this class, so 0 padding is set here and those blocks that need the vertical padding must be applied to the parent element. the purpose of this class is to provide  horizontal padding without using hacks to get around IE's broken box model. so it's okay to apply vertical padding to the parent element, just not horizontal padding. */
}

#leftColumn, #centerColumn, #rightColumn, #masthead {
/* padding-top: 0.5em; padding-bottom: 0.5em;	this is the vert padding talked about in the inside selector comment. */
}

#masthead, #footer {
padding:0;	/* ditto from above */
}

#pageWrapper, #innerColumnContainer, #masthead, #footer {
border-color:#877544;	/* one-stop control of border color used within the layout */
}

#outerColumnContainer {
border-top-color:#877544;	/* should match the above border color */
}

div.header_top {
background-image:url(images/i_face/header_slides/header_b-001.jpg);
background-repeat:repeat-x;
background-position:left top;
border:0;
margin:0;
padding:0; 
background-color:#3D5816;
height:150px; /* hier Hoehe der Slideshow-Bilder angeben */
width:100%;
position:relative;
top:0px;
z-index:1;
}

#breadcrumb {
position:absolute;
left:190px;
top:142px;
padding:5px;
z-index:5;
color:#877544;
background-color:white;
font-size:10px;
border-left:1px solid #6c8744;
border-top:1px solid #6c8744;
border-right:1px solid #6c8744;
border-bottom:1px solid white;
}

#breadcrumb a {
color:#877544;
}

/*NAVIGATION*/
#nav, #nav ul { /* all lists */
padding:10px 0px 10px 0px;
margin:0;
border:0;
list-style-type:none;
float:left;
clear:both;
line-height:1.2em;
}
	
#nav li { /* all list items */
position:relative;
float:left;
line-height:1.25em;
margin:0;
width:174px;	
padding:0;
border:0;
list-style-type:none;
}
	
#nav li ul { /* second-level lists */
padding:0px 0px 0px 0px;
margin:0;
border:0;
list-style-type:none;
float:left;
clear:both;
line-height:1.2em;
}
	
#nav li ul ul { /* third-and-above-level lists */
left:-999em;
}
	
#nav li a {
width:174px;
display:block;
color:black;
font-size:15px;
text-decoration :none;
border:0;
padding:8px 0px;
text-indent:5px;
letter-spacing:0.1em;
}

#nav li ul li a {
width:174px;
display:block;
color:black;
font-size:10px;
text-decoration :none;
border:0;
padding:8px 0px;
text-indent:10px;
}


#nav li a:hover {
color:white;
background-color:#C4C891;
}
	
#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {

}
	
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul { /* lists nested under hovered list items */
left:auto;
}

#nav a.daddy { /* Menu items with subcategories */
background:url(images/arrow_green.gif) center right no-repeat;
}

#nav li.selected , #nav li.selected a, #nav li.selected a:hover { /* Selected items with subcategories */

}

li.cat_lev_1, li.cat_lev_1 a, li.cat_lev_1 a:hover, li.cat_lev_1 {
color: black;
background-image:url(images/gruen3.gif);
background-repeat:repeat;
}

div.centeredmenu {
float:left;
width:100%;
overflow:hidden;
position:relative;
margin:0;
padding:0;
background-color:#D4B76A;
color:white;
border:0;
border-top:20px solid #877544;
}

div.centeredmenu ul {
clear:left;
float:left;
list-style-type:none;
margin:0;
padding:0;
position:relative;
left:50%;
text-align:center;
color:white;
}

div.centeredmenu ul li {
float:left;
list-style:none;
margin-top:10px;
margin-left:50px;
margin-right:50px;
margin-bottom:0px;
padding:0;
position:relative;
right:50%;
color:white;
}

div.centeredmenu ul li a {
color:white;
text-decoration:none;
}

img {
border:0;
}

a {
color:#000000;
text-decoration:none;
}
a:hover {
color:#877544;
text-decoration:underline;
}

.alignright {
margin-top:0; 
text-align:right;
font-size:10px;
}

h1 {
text-align:left;
font-size:18px;
letter-spacing:0.1em;
color:#3D5816;
padding-left:0.5em;
padding-bottom:1px;
border-bottom:1px solid #3D5816;
border-left:20px solid #3D5816;
line-height:1.5em;
margin-top:0pt;
margin-right:0pt;
margin-bottom:0.6em;
margin-left:0pt;
background:url(images/golfball_big.jpg) center right no-repeat;
}

h2 {
font-size:14px;
padding-top:10px;
color:#6c8744;
text-align:justify;
}

h2  a {
color:#6c8744;
}

h3 {
text-align:center;
font-size:14px;
padding:4px;
padding-left: 20px;
padding-right: 20px;
color:#3D5816;
border-top:1px solid #6c8744;
border-left:1px solid #6c8744;
border-right:1px solid #6c8744;
background: #C4C891 url(images/boxp_bg_r.gif) center right no-repeat;
}
h3 a {
color:#3D5816;
}

h4 {
font-size:16px;
color:#000000;
padding:5px 5px;
margin:0px;
letter-spacing:0.1em;
}

p {
font-size:12px;
text-align:justify;
font-family:Verdana, Arial, SunSans-Regular, Sans-Serif;
color:#000000;
line-height:1.5;
}

legend {
font-size:14px;
font-weight: bold;
color:#6c8744;
}

fieldset {
border:1px solid #6c8744;
padding:10px;
}

label {
  float:left;
  width: 30%;
  margin-right:0.5em;
  padding-top:0.2em;
  text-align:left;
  font-weight:bold;
}

table {
font-size:12px;
}

form {
display:inline;
}

checkbox, input, radio, select, option {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
}

textarea {
width:100%;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
}

input.quantitybox {
font-size:12px;
width:20px;
border-spacing:0px;
}

.imgborder_productpage img {
border:12px solid #e0e0e0;
margin:10px;
}

.imgframe, .imgframe img {
border-left:1px solid #D4B76A;
border-top:1px solid #D4B76A;
border-right:1px solid #877544;
border-bottom:1px solid #877544;
padding:0px;
margin:0px;
margin-right:4px;
margin-bottom:4px;
background-color:#C4C891;
}

.imgframe:hover, .imgframe img:hover {
border-left:1px solid #877544;
border-top:1px solid #877544;
border-right:1px solid #D4B76A;
border-bottom:1px solid #D4B76A;
}

img[align] {
margin-left:0;
margin-right:4px;
}
img[align="left"]  { float: left }
img[align="right"] { float: right }

.golfnews img{
visibility:hidden;
width:0px;
height:0px;
}

tr.headerError {
background: #ff0000;
}

td.headerError {
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
background:#ff0000;
color:#ffffff;
font-weight:bold;
text-align:center;
}

/* B O X E S */
div.column, div.column_r , div.column_l{
font-size:11px;
font-family:Verdana, Arial, sans-serif;
clear:both;
margin:0;
padding:0;
border:0;
}

div.column_header {
height:25px;
background-color:#3D5816;
border:0;
padding:0;
margin:0;
margin-bottom:5px;
}

div.column_header_left {
height:25px;
font-weight:bold;
background-color:#3D5816;
margin:0;
border-bottom:5px solid #877544;
}

div.column_header_right {
height:25px;
background-color:#877544;
margin:0;
border-bottom:5px solid #D4B76A;
}

div.column_header_none {
height:25px;
background-color:#3D5816;
margin:0;
border-bottom:5px solid #877544;
border-top:1px solid #877544;
}

div.column_header_left h4 {
padding-left:10px;
padding-top:5px;
margin:0;
font-size:10px;
color:white;
letter-spacing:0.5em;
text-transform:uppercase;
background:url(images/boxh_bg_r.gif) center right no-repeat;
}

div.column_header_right h4 {
padding-left:10px;
padding-top:5px;
margin:0;
font-size:10px;
color:white;
letter-spacing:0.1em;
background:url(images/box_bg_r.gif) center right no-repeat;
}

div.column_header_none h4 {
padding-left:10px;
padding-top:5px;
margin:0;
font-size:10px;
color:white;
letter-spacing:0.4em;
text-transform:uppercase;
background:url(images/boxh_bg_r.gif) center right no-repeat;
}

div.column ul, div.column_r ul, div.column_l ul, div.column ol, div.column_p_box, div.column_header_none ul, div.column_header_left ul,div.column_header_right ul {
border:0;
list-style-type:none;
padding:10px 0px 10px 5px;
margin:0;
line-height:1.2em;
}

div.column li, div.column_p_box p, div.column li a {
color:white;
}

div.column_r li, div.column_l li, div.column_header_none li, div.column_header_left li, div.column_header_right li, div.column li, div.column_p_box p {
color:black;
list-style-type:none;
}

.column_li_center {
text-align:center;
list-style-type:none;
}

.column_li_left50 {
float:left;
text-align:left;
width:45%;
clear:both;
}

.column_li_right50 {
float:right;
text-align:left;
width:45%;
clear:both;
}

.productSpecialPrice {
color:red;
}

.tax_info, .tax_info a{
font-size:9px;
color:#758389;
text-align: center;
}


.price_bgr {
background-image:url(images/gruen3.gif);
background-repeat:repeat;
margin-top: 10px;
text-align: center;
}

.infotxt {
font-size:11px;
border:1px solid #C4C891;
overflow:auto;
height:180px;

padding:4px;
text-align:justify;
}

.errorText {
color:red;
}

tr.accountHistory-odd, tr.addressBook-odd, tr.alsoPurchased-odd, tr.payment-odd, tr.productListing-odd, tr.productReviews-odd, tr.upcomingProducts-odd, tr.shippingOptions-odd {
}
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-image:url(images/gruen3.gif);
background-repeat:repeat;
}

.grey_bgr {
background-image:url(images/gruen3.gif);
background-repeat:repeat;
}

.productListing-heading {

}

ul , li {
list-style-type:square;
}

.inputRequirement {
color:#ff0000;
}

.pageResults {
padding:2px;
border:1px solid #6c8744;
}
.pageResults a {
text-decoration:none;
}
.pageResults a:hover {
text-decoration:none;
}

/* Preis fuer Prozente */
SPAN.pricesavings{
font-weight: bold;
font-size: 12px;
font-family: Verdana, Arial;
color: #000000;
}
SPAN.pricesavingstext{
font-weight: bold;
font-size: 12px;
font-family: Verdana, Arial;
color: #000000;
}

#note {
	position: absolute;
	left: 560px;
	top: 10px;
	width: 300px;
	height: 300px;
	padding: 0px;
	background-image:  url(images/note/sticky_note.gif);
	background-repeat: no-repeat;
	border: 0px;
	z-index: 30;
}