body{ background:#0e0e0e url(images/background.jpg) center 50px no-repeat; }
div{ display:block; margin:0px; padding:0px; }
img{ border:0px; }

/* LAYOUT */
div#line{ position:absolute; left:50%; top:616px; width:1012px; height:2px; margin-left:-597px; background:url(images/line.jpg) no-repeat; }

div#container{ position:absolute; left:50%; top:44px; width:1000px; margin-left:-500px; }

div#logo{ position:absolute; left:0px; top:475px; width:415px; height:90px; }
div#logo a{ position:absolute; display:block; width:415px; height:90px; border:0px; outline:none; }

div#content_top_left{ position:absolute; left:50%; top:0px; width:105px; height:247px; margin-left:-155px; margin-top:37px; background:url(images/content_top_left.png) no-repeat; }
div#content_top_corner{ position:absolute; left:50%; top:0px; width:22px; height:131px; margin-left:-50px; margin-top:134px; background:url(images/content_top_corner.png) no-repeat; }

div#content_wrapper{ position:absolute; left:50%; top:0px; margin-left:-50px; width:525px; padding-bottom:40px; }
div#content_top{ position:relative; left:0px; top:0px; width:525px; height:134px; background:url(images/content_top.png) no-repeat; }
div#content{ position:relative; left:0px; top:0px; width:475px; background:url(images/content_border.png) repeat-y; padding:2px 25px 20px 25px; }
div#content_bottom{ position:relative; left:0px; top:0px; width:525px; height:12px; background:url(images/content_bottom.png) no-repeat; }

div#assortment_wrapper{ position:absolute; left:200px; top:250px; width:150px; }
div#assortment_top{ position:relative; left:0px; top:0px; width:150px; height:9px; background:url(images/assortment.png) left top no-repeat; }
div#assortment{ position:relative; left:0px; top:0px; width:130px; background:url(images/assortment.png) center top repeat-y; padding:2px 10px 2px 10px; }
div#assortment_bottom{ position:relative; left:0px; top:0px; width:150px; height:9px; background:url(images/assortment.png) right top no-repeat; clear:both; }

div#imprint{ position:absolute; left:50%; top:0px; margin-left:300px; }
div#imprint a{ display:block; padding:10px 0px 0px 0px; background:url(images/nav_impressum_arrow.gif) no-repeat; background-position:center -2px; }
div#imprint a:hover, div#imprint a:focus{ background-position:center 0px; }

div#offline{ position:absolute; left:50%; top:300px; width:700px; margin-left:-350px; background:#000000; padding:15px 25px; -moz-border-radius:6px; -moz-opacity:0.7; opacity:0.7; -webkit-opacity:0.7; filter:alpha(opacity=70); }

hr{ border:0px; height:1px; background:#888888; margin:20px 0px; opacity:0.5; -moz-opacity:0.5; -webkit-opacity:0.5; filter:alpha(opacity=50); }

div.group{ background-color:#555555; padding:10px 15px; }


/* TEXT FORMAT */
body{ font-family:Verdana, sans-serif; font-size:11px; letter-spacing:0.04em; color:#ffffff; }

p{ margin-left:10px; margin-right:10px; }

a{ color:#caf054; text-decoration:none; outline:none; }
a:hover, a:focus{ color:#E2FFCC; }

div#imprint a{ color:#b6ba50; text-decoration:none; }
div#imprint a:hover, a:focus{ color:#e0e554; }

div#imprint a{ color:#b6ba50; text-decoration:none; }
div#imprint a:hover, div#imprint a:focus{ color:#e0e554; }

h1, h2, h3, h4, h5, h6{ clear:both; letter-spacing:0.03em; font-family:"Times New Roman", Times, serif; font-weight:normal; margin:5px 0px; }
* html h1, * html h2, * html h3, * html h4, * html h5, * html h6{ margin:0.8em 0em -0.7em 0em; }
*:first-child+html h1, *:first-child+html h2, *:first-child+html h3, *:first-child+html h4, *:first-child+html h5, *:first-child+html h6{ margin:0.8em 0em -0.7em 0em; }
h1{ font-size:2.2em; }
h2{ font-size:1.7em; }
h3{ font-size:1.8em; }
h4{ font-size:1.6em; }
h5{ font-size:1.5em; }
h6{ font-size:1.4em; }

img.imgLeft{ margin:0px 10px 10px 0px; }
img.imgRight{ margin:0px 0px 10px 10px; }


/*
div#content p{ clear:left; line-height:1.4em; margin:15px 0px; }
div#content b{ color:#000000; }
div#content ul, div#content ol{ clear:left; }
div#content ul{ margin-left:0px; padding-left:0px; }
div#content ul li{ margin-left:15px; padding-left:0px; list-style-image:url(../img/ul_disk_black.gif); }
div#content ul.linklist li{ list-style-image:url(../img/ul_arrow_black.gif); }
div#content a img{ border:none; }
*/

div#offline p{ text-align:center; color:#ffffff; font-size:1.6em; }


/* NAVIGATION */
div#navigation{ position:absolute; left:20px; top:220px; width:112px; height:192px; }
* html div#navigation{ background:url(images/navigation_std.png); }
div#navigation ul{ position:absolute; display:block; right:0px; list-style:none; margin:0px; padding:0px; }
div#navigation ul li{ list-style:none; height:32px; width:112px; margin:0px; padding:0px; }
div#navigation ul li a{ display:block; height:32px; width:112px; margin:0px; padding:0px; background-repeat:no-repeat; background-position:left top; border:none; outline:none; }
* html div#navigation ul li a{ background-image:none !important; background-color:#000000; filter:alpha(opacity=0); }
div#navigation ul li.current{ padding-left:10px; }
div#navigation ul li.current a, div#navigation ul li a:hover, div#navigation ul li a:focus{ background-position:right top; }

/* ASSORTMENT NAVIGATION */
div#assortment ul{ position:relative; list-style:none; margin:0px; padding:0px; }
div#assortment ul li{ list-style:none; height:20px; width:130px; margin:0px; padding:0px; border-bottom:1px solid #aaaa77; }
div#assortment ul li.last{ border-bottom:none; }
div#assortment ul li a{ display:block; height:20px; width:130px; margin:0px; padding:2px 0px 2px 0px; font-size:1.1em; text-align:center; color:#ffffee; }
div#assortment ul li.first a{ padding-top:0px; }
div#assortment ul li.last a{ padding-bottom:0px; }
div#assortment ul li.current a{ color:#80ff40; font-weight:bold; }
div#assortment ul li.current a, div#assortment ul li a:hover, div#assortment ul li a:focus{ color:#f2ff5e; }

div.assortmentItem{ clear:both; margin-bottom:20px; }
div.assortmentItem.hide{ display:none; }


/* CONTACT FORM */
form.contact input.button{ width:110px; }


/* ORDER FORM */
form.order input.button{ width:250px; }
form.order input.bottlecount{ width:35px; margin-bottom:0px; padding:1px; text-align:center; }


/* FORMS */
form{ margin-bottom:0px; }
form label{ display:block; float:left; width:105px; height:23px; padding:5px 0px 0px 0px; margin:0px 5px 0px 10px; font-family:"Times New Roman", Times, serif; font-weight:normal; font-size:1.3em; letter-spacing:0.1em; text-align:left; color:#ffffff; }
form input.text, form select, form textarea{ font-family:Verdana, sans-serif; font-size:11px; color:#ffffff; border:1px solid #333333; margin:0px 0px 9px 0px; padding:3px; background:#444444; letter-spacing:0.04em; }
form input.text, form textarea{ background:#444444 url(images/form_input.png) left top no-repeat; line-height:22px; }
form input.text{ width:250px; }
form textarea{ padding-top:0px; padding-right:0px; padding-bottom:0px; width:330px; height:132px; }
* html form input.text{ background-image:none; line-height:1.1em; }
* html form textarea{ background-image:none; line-height:1.1em; }
form input.text:focus, form select:focus, form textarea:focus{ border:1px solid #999999; background:#79973B url(images/form_input.png) left top no-repeat; }
form select, form select{ padding:2px; width:140px; }
form input.button{ font-size:1.1em; font-weight:bold; }

form input.requiredValue, form input.invalidValue, form textarea.requiredValue, form textarea.invalidValue{ border:1px solid #990000; background-color:#440000; }
form input.requiredValue:focus, form input.invalidValue:focus, form textarea.requiredValue:focus, form textarea.invalidValue:focus{ border:1px solid #990000; background-color:#79973B; }
form label.nofloat{ float:none; clear:none; display:inline; padding:0px; margin:0px; font-family:Verdana, sans-serif; font-size:1em; }
form table tbody tr td label{ float:none; display:inline; padding:0px; margin:0px; font-family:Verdana, sans-serif !important; font-size:1em !important;  }
form br{ clear:both; }


/* ASSORTMENT ITEM */
div.item_details{ margin-top:35px; margin-bottom:15px; }
div.orderBtn{ /*clear:both; float:left;*/ margin:15px 20px 0px 10px; }


/* div.ui-tabs */
div.ui-tabs-hide { display: none; }
ul.tabs-nav{ display:none; }

div#footer{ position:absolute; left:827px; top:555px; width:200px; height:70px; color:#66830c; font-size:0.9em; }
div#footer a{ color:#557d0a; text-decoration:none; }
div#footer a:hover, div#footer a:focus{ text-decoration:underline; }

div.errors{ color:#f00; margin:3px 0px 5px 0px; }
#EmailForm .invalidValue{ background:#ffdfdf; border:1px solid #f00; }
#EmailForm .requiredValue{ background:#ffffdf; border:1px solid #f00; }

span.small, p.small{ font-size:0.94em; }
span.large, p.large{ font-size:1.4em; }
span.uppercase, p.uppercase{ text-transform:uppercase; letter-spacing:0.3em; }
span.at{ font-family:'Tahoma','Trebuchet MS',sans-serif; }
h1.slogan{ padding:50px 0px 0px 65px; color:#ddeecc; font-size:3.5em }