html, body {
    margin: 0;
    padding: 0;
    width: 100%;
    height: 100%;
    border: none;
}

* html {
    overflow: hidden;
    padding-bottom: 172px;
}

body {
    overflow: auto;
    background: #FFF3D2 url("bild/background.gif") repeat-y top left;
    font: 14px/19px Arial, Geneva, Verdana, Helvetica, sans-serif;
    margin-top: 172px;
    color: #660000;
}

img {
    border: none;
}

h2 {
    color: #CC6633;
    font-size: 1.3em;
    line-height: 130%;
}

div.content {
    margin: 0 0 0 205px;
    padding: 11px 32px 32px 32px;
    z-index: 0;
}

div.content a {
    color: #C06635;
    text-decoration: underline;
    font-weight: bold;
}

div.content a:hover {
    color: #8B0D00;
}

div.content table th,
div.content table td {
    text-align: left;
    vertical-align: top;
    padding-right: 1em;
}

div.content table {
    border: none;
    margin: 0;
    padding: 0;
    border-spacing: 0;
}

div.right-margin {
    padding-right: 215px;
}

ol.manual-numbering {
    list-style: none;
}


/* ======================================== */
/* =                 menu                 = */
/* ======================================== */

ul.menu li,
ul.menu a,
ul.menu {
    color: #FFFF99;
    text-decoration: none;
    margin: 0;
    padding: 0;
}

ul.menu li li,
ul.menu li li a {
    list-style: none;
    color: #EEDD77;
    margin: 0 0 0 3px;
    padding: 0;
}

ul.menu li a {
    font-size: 18px;
}

ul.menu a:hover {
    color: #FFFFFF;
}

ul.menu {
    position: absolute;
    top: 172px;
    left: 0;
    width: 180px;
    height: auto;
    color: #FFFF99;
    padding: 8px 0;
    z-index: 100;
}

body > ul.menu {
    position: fixed;
}

ul.menu li {
    font-weight: bold;
    list-style: none;
    padding: 4px 4px;
    margin: 0 0 0 12px;
}

ul.menu ul {
    padding: 0;
    margin: 0;
}

a.wein-plus-banner {
    position: absolute;
    left: 16px;
    bottom: 16px;
    display: block;
    padding: 0 8px;
    margin: 0;
    background-color: #FFFFFF;
    text-align: center;
    z-index: 300;
}

body > a.wein-plus-banner {
    position: fixed;
}


/* ========================================== */
/* =                 header                 = */
/* ========================================== */

div.header {
    position: absolute;
    background: #FEE48B url("bild/header-background.jpg") repeat-x top left;
    width: 100%;
    height: 172px;
    top: 0;
    left: 0;
    z-index: 100;
}

body > div.header {
    position: fixed;
}

div.header ul {
    list-style: none;
    position: absolute;
    top: 136px;
    right: 0;
    margin: 0;
    padding: 0;
}

div.header li {
    display: inline;
}

div.header,
div.header ul,
div.header li {
    padding: 0;
    margin: 0;
}

div.header li a {
    color: #AF0612;
    text-decoration: none;
    font-size: 16px;
    margin-right: 16px;
}

div.header li a:hover {
    color: #990000;
}

div.header img.bubbles {
    float: right;
}

div.header img.logo {
    position: absolute;
    top: 0;
    left: 0;
}


/* ========================================== */
/* =                  news                  = */
/* ========================================== */

div.news {
    float: right;
    width: 180px;
    margin: 0 0 16px 16px;
    padding: 8px 8px 0;
    font-size: 0.9em;
    border: 1px solid #D5733D;
    background-color: #FFFFFF;
    z-index: 200;
    font-size: 0.8em;
    line-height: 120%;
}

div.news dl {
    display: block;
    padding: 0;
    margin: 0;
}

div.news dt {
    display: block;
    text-align: right;
}

div.news dd {
    display: block;
    padding: 0;
    margin: 0 0 1em;    
}

div.news a {
    color: #8B0D00;
    text-decoration: none;
}

div.news a:hover {
    text-decoration: underline;
}

div.news ul,
div.news li {
    list-style: none;
    margin: 0;
    padding: 2px;
}

div.news ul {
    margin-bottom: 0.5em;
}

.date {
    font-weight: bold;
}


/* ======================================== */
/* =                 events               = */
/* ======================================== */

ul.events,
ul.events li {
    list-style: none;
    margin: 0;
    padding: 0;
}


/* ======================================== */
/* =                 shop                 = */
/* ======================================== */

img.pic,
img.thumb {
    border: 1px solid #8B0D00;
}
img.picright {
		float: right;
		margin: 0 0 15px 15px;
    border: 1px solid #8B0D00;
    
}
img.thumb {
    width: 90px;
}

.shoptable {
    width: 95%;
}

.shoptable th,
.shoptable td {
    vertical-align: top;
    font-size: 0.9em;
}

.kursiv {
    font-style: italic;
    font-size: 0.9em;    
}

.suchfeld input {
    width: 140px;
    border: 1px solid #810;
}

.rechts,
.rechtslinie {
    text-align: right !important;
}

.no-image {
    border: 1px solid #CCC;
    color: #666;
    text-align: center;
    padding: 2em 0.5em;
    margin: 0 0 1em;
}

.rechtslinie {
    border-top: 1px solid #000;
}

.customer-form label,
.customer-form input,
.customer-form textarea {
	display: block;
	width: 220px;
	float: left;
	margin-bottom: 10px;
	font-size: 11px;	
}

.customer-form label {
	text-align: right;
	width: 100px;
	padding-right: 20px;
}

.customer-form br {
	clear: left;
}

input.hidden {
	display: none !important;
}


/* ======================================== */
/* =              fragebogen              = */
/* ======================================== */

.fragebogen {
    font-size: 0.8em;
}

.fragebogen div,
.fragebogen p {
    clear: left;
    margin-top: 1em;
}

.fragebogen label {
    display: block;
    width: 120px;
    float: left;
}

.fragebogen input.field,
.fragebogen input.field-long {
    width: 140px;
    float: left;
    margin: 0 1em 0.3em 0;
    background: none;
    border: none;
    border-bottom: 1px solid #000000;
}

.fragebogen input.field:focus,
.fragebogen input.field-long:focus {
    background-color: #FFFFFF;
}


.fragebogen input.field-long {
    width: 412px;
}

ul.checkboxlist,
ul.checkboxlist-single {
    display: block;
    list-style: none;
}

ul.checkboxlist li,
ul.checkboxlist-single li {
    display: block;
    list-style: none;
    white-space: nowrap;
}

ul.checkboxlist li {
    width: 140px;
    float: left;
}

ul.checkboxlist li input,
ul.checkboxlist-single li input {
    margin-right: 1em;
}