/* --------- Font - Text ---------- */
aseody { font-size: 100.1%; }
body {
    font: normal 13px Arial, Helvetica, sans-serif;
    text-align: center;
}
h1 {
    font-size: 1.4em;
    font-weight: bold;
    margin:10px 0;
}
h2 {
    font-size: 1.2em;
    font-weight: bold;
}
h3 {
    font-size: 1.0em;
}
h4, p, .navtop a, .navtop a:hover, .navtop a.on, #mainnav a, #mainnav a:hover, #mainnav a.on, .footer ul li span, .footer a, .footer a:hover, .footer a.on, .path ul li span, .path a, .path a:hover {
    font-size: 0.9em;
}

h5 {
  font-size: 1.0em;
  margin: 6px 0 2px 10px;
  padding:0;
  float:left;
}

#container {
    text-align: left;
}
.navtop {
    text-align: right;
}
.navtop a, .navtop a:hover, .navtop a.on, #mainnav a, #mainnav a:hover, #mainnav a.on, .footer a, .footer a:hover, .footer a.on {
    font-weight: bold;
}
#mainnav a, #mainnav a.on {
    text-decoration: none;
}
#mainnav a:hover {
    text-decoration: underline;
}
/* ------- Margin - Padding --------- */
body, .footer ul, .footer li {
    margin: 0;
}
body, #container, .content {
    padding: 0;
}
h2, h3, h4 {
    margin-top: 0;
}
h3 {
    margin-bottom: 0;
}
h4 {
    margin-bottom: 10px;
}
p {
    margin: 0 0 12px 0;
}
ul {
    margin-top: 0;
    margin-left: 0;
    padding-left: 14px;
    list-style-type: square;
}
#container {
    margin: 14px auto 14px auto;
    padding: 0 0 1px 0;
    width: 918px !important;
    width /**/: 920px;
}
.navtop {
    padding: 2px 5px 0 0;
    height: 22px !important;
    height /**/: 24px;
    font-weight: bold;
    background: #FFFFFF;
}
.navtop ul, .navtop li {
    display: inline;
    list-style-type: none;
}
.navtop li {
    margin-right: 20px;
    vertical-align: top;
}
.navtop li.flag {
    margin-right: 0;
    line-height: 24px;
}
.navtop img.flag {
    width: 25px;
    height: 14px;
    margin-top: 2px;
}
#mainnav {
    margin: 0;
    padding: 3px 0 0 0;
    height:19px !important;
    height /**/: 22px;
    margin-top: 89px;
    z-index: 100;
    width: 814px !important;
}
#mainnav ul {
    margin: 0;
    padding: 0;
    display: block;
    list-style-type: none;
}
#mainnav li {
    margin-left: 10px;
    margin-right: 20px;
    display: inline;
}
#mainnav ul.level2 {
    position: absolute;
    top: 0px;
    left: 0px;
    margin: 0;
    padding: 10px 10px 0 12px;
    min-width: 123px;
    height: 1px;
    display: block;
    visibility: hidden;
    white-space: nowrap;
    z-index: 2;
}
* html #header #headerright #mainnav ul.level2 {
    margin: 24px 0 0 108px;
    width: 145px;
}
#mainnav ul.level2 li {
    margin: 0 0 12px 0;
    display: block;
}
.content {
    margin: 2px 9px 0 9px;
    text-align:left;
}
.path {
    margin: 0 0 2px 0;
    padding: 0;
}
.path ul, .path li {
    display: inline;
    list-style-type: none;
}
.path ul {
    margin: 0;
    padding: 0;
}
.path ul li {
    margin-right: 6px;
}
.path ul li a {
    padding-right: 15px;
}
.path ul li p {
    display: inline;
    margin: 0;
    padding: 0;
    font-size: 1em;
}
.footer-print {
    display: none;
}
.footer {
    text-align:left;
    float:left;
    width: 918px !important;
    width /**/: 918px;
    padding: 0;
    height:29px;
}
.footer ul.copyright{
    float:right;
    margin-right:150px;
    display:inline;
    margin-top:6px;
}
.footer ul, .footer li {
    display: inline;
    list-style-type: none;
}
.footer ul, .footer li {
    margin: 0;
    padding: 0;
}
.footer li {
    margin-left: 15px;
    margin-right: 15px;
    font-weight: bold;
}
.footer ul.druck {
    float:left;
    margin-right: 15px;
    margin-top:6px;
}
.footer ul.druck li a, .footer ul.druck li a:link, .footer ul.druck li a:visited, .footer ul.druck li a:hover, .footer ul.druck li a:active {
    padding-left: 22px;
}
.clear {
    clear: both;
    line-height: 0px;
    font-size: 1px;
}
img {
    margin: 0;
    padding: 0;
    border: 0 none;
    line-height: 0;
    /* vertical-align: bottom;    TKH 6.4.2009 da prev und next ind der produkt-detailseite sonst im FF verschwinden   */
}
* html img {
  vertical-align: baseline;
}
hr {
/*  background-color:   #0F0F55;  */ /* Mozilla 1.4 */
/*  color:              #0F0F55;  */ /* IE 6 */
/*  border:             #0F0F55;  */ /* Opera 7.11 */
  height:             1px;        /* in Opera für die Anzeige nötig, in Mozilla für die einheitliche Höhe */ 
}

/* ---------- Colors ----------- */
body {
    background: #FFFFFF;
}
#container {
    background: #FFFFFF;
}
.navtop, .navtop a, .navtop a:hover {
    background: #FFFFFF;
}
#mainnav ul.level2, #mainnav ul.level2 li a, #mainnav ul.level2 li a:hover {
 /*    background: #5A6EE6;*/
}
.footer, .footer a, .footer a:hover {
    background: #FFFFFF;
}
#mainnav {
    background-color: #002075;
    background: url(/themen/weingenuss/media/layout_images/topnav_mainmenu.jpg);
/*    height: 23px;*/
}
#mainnav a {
/*    background: #001E78;*/
}
.content {
    display:inline;
    float:left;
}
.footer ul.druck li a, .footer ul.druck li a:link, .footer ul.druck li a:visited, .footer ul.druck li a:hover, .footer ul.druck li a:active {
    background: transparent url(/themen/weingenuss/media/layout_images/icon_print.gif) no-repeat;
}
.path ul li a, .path ul li a:link, .path ul li a:visited, .path ul li a:hover, .path ul li a:active {
    background: transparent url(/themen/weingenuss/media/layout_images/icon_path.gif) no-repeat right;
}
body, .container, #mainnav, #mainnav ul.level2 li a {
    color: #0F0F55;
}
a {
    color: #00148C;
    color: #565658;
}
#mainnav, #mainnav ul.level2 li a {
    color: #FFFFFF;
}
.path {
    color: #0F0F55;
    color: #565658;
}
.navtop a, .content p a, .footer a, .path a, .path a:hover {
    color: #00148C;
    color: #565658;
    vertical-align:top;
}
li.on, .footer, .navtop, .navtop a:hover, .navtop a.on, .footer a:hover, .footer a.on, #mainnav a:hover, #mainnav a.on, #mainnav ul.level2 li a:hover, #mainnav ul.level2 li a.on {
    color: #FFBE46;
    font-weight:bold;
}
.footer span {
    color: #00148C;
    color: #565658;
    font-weight: normal;
}
#mainnav a {
    color: #FFFFFF;
}
#container {
    border: 1px solid #565658;
}
.navtop {
    border-bottom:1px solid #565658;
}
.footer {
    border-top:1px solid #565658;
}
#mainnav ul.level2 {
    border-right: 1px solid #565658;
    border-bottom: 1px solid #565658;
    border-left: 1px solid #565658;
    background: #818181;
}
/* Kopfzeile mit Logo */
#header {
    margin: 0;
    padding: 0;
    height: 110px;
}
#header img.logo {
    width: 104px;
    height: 110px;
    border: 0;
}
#headerright {
    margin: 0;
    padding: 0;
    float: left;
    width: 814px;
    height: 88px;
}
#headerright img.bground {
    width: 814px;
    height: 88px;
}
#headerright div.bground {
    width: 814px;
    height: 88px;
    overflow:hidden;
    font-size:1px;
}
#header div.logo {
    float: left;
    width: 109px;
    width /**/: 123px;
}
#header-print {
    display: none;
}
/* Content-Bereiche */
#left {
    /*margin: 0 9px 10px 0;*/
    padding: 0;
    width: 569px;
    float: left;
}
#left img.headline {
    width: 570px;
    height: 33px;
    border-right: 190px solid #001c7b;
    clear: both;
}
* html #left img.headline,
* html #left-details img.headline {
    width: 570px;
    height: 33px;
    border-right: 187px solid #001c7b;
    clear: both;
}
#contentsmall {
    margin: 10px 0;
    padding: 0;
    width: 270px;
    float: right;
}
#contentright {
    margin: 0;
    padding: 12px;
    width: 356px !important;
    width /**/: 380px;
    background-color: #FFFFFF;
    float: right;
}
#contentright img.headline {
    width: 190px;
    height: 20px;
}
#contentlarge {
    margin: 0;
    padding: 0;
    width: 570px;
    float: right;
    background-color:#FFFFFF;
}
#contentlarge img.image {
    width: 380px;
    height: 220px;
}
/* Farbiger Rand links */
#border {
    margin: 0;
    padding: 0;
    width: 380px;
    float: left;
}
#border img.intro {
    margin: 0px;
    padding: 0px;
    width: 380px;
    height: 220px;
    border-bottom: 1px solid #FFFFFF;
}
/* Banner rechts */
#banner {
    margin: 0;
    padding: 0;
    width: 131px;
    float: right;
}
#banner ul {
    margin: 0;
    padding: 0;
    width: 131px;
    list-style-type: none;
float:left;
}
#banner ul li {
    margin:0px 0px 7px 0px;
    padding: 0px 0px 0px 0px;
    line-height:0px;
    vertical-align:bottom;
float:left;
}
#banner ul li a, #banner ul li *{
    text-decoration: none;
    vertical-align:bottom;
}
#banner ul li img {
    margin: 0;
    padding: 0;
    border: none;
}
#banner ul li img.banner1 {
    width: 131px;
    height: 78px;
}
#banner ul li img.banner2 {
    width: 131px;
    height: 170px;
}
#banner ul li img.banner3 {
    width: 131px;
    height: 354px;
}


#topbutton {
    float:left;
    width:890px;
    margin:0 0 10px 10px;
    padding-top:10px;
    display:inline;
}
#topbutton p{
 float:left;
 margin:15px 0 0 0;
 font-size:0.8em;
 color:#666666;
 width:880px;
 display:inline;
}


#topbutton .button {
    margin-right: 140px;
    padding-left: 14px;
    background: transparent url(/themen/weingenuss/media/layout_images/top_icon.gif) no-repeat 0 2px;
    float: right;
}
#topbutton a {
    font-size: 0.9em;
    font-weight: bold;
    color: #565658;
    display: inline;
}
#topbutton a:hover {
    color: #FFBE46;
}
/* Fur Newsletter-An-/Abmeldung, Kontakt-Formular und Filialfinder-Formular */
form.form {
    margin: 0;
}
table.form {
    margin: 0;
    padding: 0;
    width: 545px;
     background-color: #E6EBFA;
    font-size: 0.9em;
}
table th.headline {
    padding: 5px 10px;
    background-color: #8296BE;
    color: #FFFFFF;
    text-align: left;
    font-weight: bold;
    border-bottom: 1px solid #FFFFFF;
}
table td.data {
    border-bottom: 1px solid #FFFFFF;
}
table td.label {
    padding: 5px 10px;
    font-weight: bold;
    border-bottom: 1px solid #FFFFFF;
}
table td.label-small {
    padding: 5px 10px;
    font-weight: bold;
    border-left: 1px solid #FFFFFF;
    border-bottom: 1px solid #FFFFFF;
}
table td.label-noborder {
    padding: 5px 10px;
    font-size: 1em;
    font-weight: bold;
}
* html table td.label-noborder {
    font-size: 0.75em;
}
select.eingabe {
 margin: 5px 0;
 border: 1px solid #8296BE;
 background-color: #FFFFFF;
}
input.input {
    margin: 5px 0;
    border: 1px solid #8296BE;
    background-color: #FFFFFF;
}
input.textarea {
    margin: 5px 0;
    border: 1px solid #8296BE;
    background-color: #FFFFFF;
}
input.submit {
    margin: 5px 17px 5px 17px;
    border: 1px solid #00148C;
    background-color: #00148C;
    color: #FFFFFF;
    font-size: 0.9em;
    font-weight: bold;
    text-align: center;
    float: right;
}
* html input.submit {
    font-size: 0.95em;
}
input.error {
    color: #FFFFFF;
    background-color: #FF0000;
}
span.error {
    border-bottom: 3px solid #FF0000;
}
    
/* Fur Angebotsubersicht und Kontakt */
#boxes {
    margin: 0 15px 0 0;
    padding: 0;
    width: 475px;
    float: left;
    color: #FFFFFF;
}
#boxes .box {
     color: #FFFFFF;
}
#boxes .box a {
     text-decoration:none ;
}
#boxes .box span.more a {
     text-decoration:underline ;
}
#boxes ul.box,
#boxes ul#travel.box {
    margin: 0;
    padding: 0;
    width: 475px;
    list-style-type: none;
}
#boxes ul.box li,
#boxes ul.box li#travel {
    clear: left;
    float: none;
    margin: 0 0 6px 0;
    padding: 0;
    height: 125px;
}
#boxes ul.box li#travel {
  width: 757px;
}
#boxes ul.box li.contact {
    height: 105px;
    background-color: #E5EBF9;
}
#boxes ul.box li.qualitaet {
    background-color:#CDD2E6;
    color:#0F0F55;}
#boxes ul.box li.qualitaet a {
    color:#0F0F55;
}
#boxes ul.box li.qualitaet span.more a:hover {
   color:#FFBE46;
}
#boxes ul.box li.specialoffers1 {
    background-color: #FAAFA0;
    color:#C82300;
}
#boxes ul.box li.specialoffers1 a{
    color:#C82300;
}
#boxes ul.box li.specialoffers1 span.more a:hover{
    color:#0F0F55;
}
#boxes ul.box li.specialoffers2 {
    background-color: #FAC39B;
    color:#AA4B00;
}
#boxes ul.box li.specialoffers2 a{
    color:#AA4B00;
}
#boxes ul.box li.specialoffers2 span.more a:hover{
    color:#0F0F55;
}
#boxes ul.box li.specialoffers3 {
    background-color: #FFCD9B;
    color:#874600;
}
#boxes ul.box li.specialoffers3 a{
    color:#874600;
}
#boxes ul.box li.specialoffers3 span.more a:hover{
    color:#0F0F55;
}
#boxes ul.box li.productrange {
    background-color: #FFE6B4;
    color:#C87800;
}
#boxes ul.box li.productrange a{
    color:#C87800;
}
#boxes ul.box li.productrange span.more a:hover{
    color:#0F0F55;
}
#boxes ul.box li.productrange2 {
    background-color: #EBAFA0;
    color:#910000;
}
#boxes ul.box li.productrange2 a{
    color:#910000;
}
#boxes ul.box li.productrange2 span.more a:hover{
    color:#0F0F55;
}

#boxes ul.box li.travel {
    background-color: #96E1F0;
    color:#005564;
}
#boxes ul.box li.travel a{
    color:#005564;
}
#boxes ul.box li.travel span.more a:hover{
    color:#0F0F55;
}
#boxes ul.box li.company {
    background-color: #96A0C8;
    color:#0F0F55;
}
#boxes ul.box li.company a{
    color:#0F0F55;
}
#boxes ul.box li.company span.more a:hover{
    color:#FFBE46;
}
#boxes ul.box li.service {
    background-color: #96E1F0;
    color:#005564;
}
#boxes ul.box li.service a{
    color:#005564;
}
#boxes ul.box li.service span.more a:hover{
    color:#0F0F55;
}
#boxes ul.box li.green {
    background-color: #D7DCAF;
    color: #81B11D;
}
#boxes ul.box li.green a{
    color:#4B550A;
}
#boxes ul.box li.green span.more a:hover{
    color:#0F0F55;
}
#boxes ul.box li.orange {
    background-color: #D7DCAF;
    color: #81B11D;
}
#boxes ul.box li.orange a{
    color:#4B550A;
}
#boxes ul.box li.orange span.more a:hover{
    color:#0F0F55;
}

/* IE/Mac-Hack */
* html #boxes ul.box li {
    margin-bottom: 3px;
}
/* Reise Boxen */
#boxes ul.box li#travel.yellow {
  background-color: #FDD706;
}
#boxes ul.box li#travel.blue {
  background-color: #3464AE;
}
#boxes ul.box li#travel.orange {
  background-color: #F08241;
}
#boxes ul.box li#travel.brown {
  background-color: #A08775;
}
#boxes ul.box li#travel.green {
  background-color: #78B446;
}
#boxes ul.box li img {
    margin: 0;
    padding: 0;
    border: none;
}
#boxes ul.box li img.image {
    width: 285px;
    height: 125px;
    float: left;
}
#boxes ul.box li.contact img.image {
    height: 105px;
}
/* IE/Mac-Hack */
* html #boxes ul.box li img.image {
    margin-left: -3px;
}
#boxes ul.box li div.info {
    margin: 0px;
    padding: 0;
    width: 190px;
    float: right; 
}
/* IE/Mac-Hack */
* html #boxes ul.box li div.info {
    margin-left: -3px;
}
#boxes ul.box li img.headline {
    width: 190px;
    height: 45px;
    border: none;
}
#boxes ul.box li.contact img.headline {
    height: 45px;
}
#boxes ul.box li h2 {
    margin: 0 0 0 4px;
    padding: 0;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 16px;
}
#boxes ul.box li h2 p {
    margin: 0;
    padding: 0;
    font-size: 1em;
}
#boxes ul.box li div.info div.teaser {
    margin: 3px 7px 0 7px;
    padding: 0;
    font-weight: bold;
}
#boxes ul.box li div.teaser {
    height: 32px;
}
#boxes ul.box li div.teaser_redaktion_zwischenseite {
    margin: 5px 7px 0 10px;
    padding: 0;
    height:53px;
    font-weight: bold;
}
#boxes ul.box li div.teaser_redaktion_zwischenseite h2{
    margin: 0 0 2px 0px;
    padding: 0;
    font-weight: bold;
    font-size: 0.9em;
    line-height: 16px;
}

#boxes ul.box li div.teaser_redaktion_zwischenseite span.hotline {
    font-size: 0.8em;
    font-weight:bold;
    line-height:1em;
}
#boxes ul.box li.contact img.form {
    margin: 9px 11px 0 11px;
    width: 97px;
    height: 11px;
}
#boxes ul.box li span.more {
    padding: 0 7px;
    text-align: right;
    display: block;
}
#boxes ul.box li span.more a, #boxes ul.box li span.more a:hover {
    font-weight: bold;
}
/* Fur alle Inhaltsseiten */
div.price {
    margin: 0;
    padding: 0 5px;
    text-align: right;
    line-height: 27px;   
    /* height:27px; */
}
.product_intermediate_page div.price {
    text-align: right;
    margin-right:5px;
    height: 27px;
}
div.price span.value {
    font-size: 2em;
    font-weight: bold;
    line-height: 27px;
}
div.price span.decimal {
    font-size: 1.1em;
    font-weight: bold;
    vertical-align: baseline;
    line-height: 0px;
    position:relative;
    top:-8px;
}
.product_intermediate_page div.price span.value{
    font-size: 1.7em;
}
.product_intermediate_page div.price span.decimal{
    font-size: .9em;
}
#text {
    margin: 0px;
    padding: 12px;
    background-color: #FFFFFF;
    float: left;
    min-height: 540px;    
}

#textinhalt {
    margin: 0px;
    padding:0;
    float:left;
/*
    background-image: url(/themen/weingenuss/media/layout_images/bg_verlauf.gif); 
    background-position:bottom;
    background-repeat:no-repeat;
*/
    width:570px;
}

div.textcontent{
    float:left; 
    margin:0 10px;
    padding-top:15px;
    width: 550px
}



* html #text {
    margin: 0px;
    padding: 12px;
    background-color: #FFFFFF;
    float: left;
    height: 489px;
}
#list ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#list ul li {
    margin: 0 0 18px 0;
    padding: 0;
    font-weight: bold;
}
#list ul li a {
    color: #0F0F55;
    font-weight: bold;
}
#list ul li a:hover, #list ul li {
    color: #FFBE46;
}

#list a.back {
    color: #0F0F55;
    padding-left: 22px;
    background: transparent url(/themen/weingenuss/media/layout_images/icon_back_liste.gif) no-repeat 0 2px;
    font-weight: bold;
}

#list a.back:hover
{
    color: #FFBE46;
    background: transparent url(/themen/weingenuss/media/layout_images/icon_back_liste_hover.gif) no-repeat 0 2px;
    font-weight: bold;
}
#text img {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
#text img.headline {
    width: 117px;
    height: 24px;
}
#text h3 {
    margin-bottom: 15px;
}

/* Zum Ausblenden des Sternchens */
.none { display: none;
}
a.none img.image { display: inline;
}
/* Bilder im Contentbereich von Textseiten von Text umflie?en lassen */
div#contentlarge p img {
/* float: left;*/
margin-right: 10px;
margin-top: 10px;
margin-bottom: 10px;
}
/* Hochgestellte Zeichen nicht unterstreichen */
a sup {
    text-decoration: none;
}
 
#locator {
    margin: 0px 0px 6px 0px;
    padding: 0;
    width: 129px !important;
    width /**/: 131px;
    height: 168px !important;
    height /**/: 170px;
    border: 1px solid #00B4CD;
}
#locator form {
    margin: 0 5px;
}
#locator h2 {
    margin: 0;
    padding: 2px 5px;
    font-size: 1em;;
    background-color: #00B4CD;
    font-weight: bold;
    color: #FFFFFF;
    text-align: left;
}
#locator p {
    margin: 0;
    padding: 2px 5px;
}
#locator label {
    font-weight: bold;
}
#locator input {
    border: 1px solid #8296BE;
    background-color: #FFFFFF;
}
#locator input.submit {
    margin: 2px 0;
    border: 1px solid #00148C;
    background-color: #00148C;
    color: #FFFFFF;
    font-size: 0.9em;
    font-weight: bold;
}
#list ul li a.highlighted {
color:#0F0F55;
}
#list ul li a.highlighted:hover {
color:#0F0F55;
}
#list ul li a.highlighted:visited {
color:#0F0F55;
}
  
div.price_product {
  height:auto;
  line-height:2em;
  margin:0;
  padding:0 5px;
  text-align:right;
}
div.price_product span.value {
    font-size: 2em;
    font-weight: bold;
    line-height: 27px;
}
div.price_product span.decimal {
    font-size: 1.1em;
    font-weight: bold;
    vertical-align: baseline;
    line-height: 0px;
    position:relative;
    top:-8px;
}
#left .textfullsize {
  background-color:white;
  height:auto;
  margin:0px;
  min-height:465px;
  padding:0px;
}
#left .textfullsize * {
  font-size:12px;
}
/* Accessibility-Änderungen */
#top1nav{
   margin:0 0 0 0;
   padding:0 143px 0 0;
   width:600px;
   height:20px;
   float:right;
   display:inline;
}
#top1nav div{
   margin:2px 7px 0 7px;
   padding: 0px;
   float:right;
  
}
.navtop img.flag {
    width: 25px;
    height: 15px;
    margin-top: 2px;
    margin-left: 7px;
    float:right;
}
sup{
 vertical-align:baseline;
 position:relative;
 top: -0.7em;
}

div#packungsbeilage{
  WIDTH: 545px; 
  HEIGHT: 110px; 
  BACKGROUND-COLOR: #cdd2e6;
}
 
/****** Styles fur Produkt-Ubersichten *****/
#left ul.box {
    margin: 0 0 20px 0;
    padding: 0;
    list-style-type: none;
    float: left;
    border-left:1px solid #001c7b;
}
#left ul.box li.box,
#left ul.box li.box2x1,
#left ul.box li.box3x1,
#left ul.box li.box4x1 {
    margin: 0;
    padding: 0;
    height: 200px !important;
    height /**/: 201px;
    float: left;
    overflow:hidden;
    border-bottom:1px solid #001c7b;
    border-right:1px solid #001c7b;    
}
#left ul.box li.box1x2,
#left ul.box li.box2x2,
#left ul.box li.box3x2,
#left ul.box li.box4x2 {
    margin: 0;
    padding: 0;
    height: 401px !important;
    height /**/: 402px;
    float: left;
    overflow:hidden;
}
#left ul.box li.box,
#left ul.box li.box1x2
{
    width: 189px !important;
    width /**/: 190px;
}
#left ul.box li.box2x1,
#left ul.box li.box2x2 {
    width: 379px !important;
    width /**/: 380px;
}
#left ul.box li.box3x1,
#left ul.box li.box3x2 {
    width: 569px !important;
    width /**/: 570px;
}
#left ul.box li.box4x1,
#left ul.box li.box4x2 {
    width: 759px !important;
    width /**/: 760px;
}
#left ul.box li div.image {
    margin: 0;
    padding: 0;
}
#left ul.box li div.image img.image {
    width: 189px;
    height: 115px;
}
#left ul.box li div.image img.image1x2 {
    width: 189px;
    height: 316px;
}
#left ul.box li div.image img.image2x1 {
    width: 379px;
    height: 115px;
}
#left ul.box li div.image img.image2x2 {
    width: 379px;
    height: 316px;
}
#left ul.box li div.image img.image3x1 {
    width: 569px;
    height: 115px;
}
#left ul.box li div.image img.image3x2 {
    width: 569px;
    height: 316px;
}
#left ul.box li div.teaser {
    margin-top: 3px;
    padding: 0 5px;
    height: 52px;
}
#left ul.box li div.title {
    margin: 0;
    padding: 0;
    line-height: 16px;
    font-size: 0.9em;
}
#left ul.box li div.title p {
    margin: 0;
    padding: 0;
    font-size: 1em;
    text-decoration: underline;
}
#left ul.box li div.desc {
    margin: 0;
    padding: 0;
    font-size: 0.9em;
}
span.oldprice {
    color: #C90000;
}
/****** Styles fur Produkt-Detailansicht *****/
#left-details {
    margin: 0 0px 10px 0;
    padding: 0;
    width: 760px;
    width /**/: 759px;
    float: left;
    background: url(/themen/weingenuss/media/layout_images/bg_produktliste.PNG);
}
#list {
    margin: 0;
    padding: 15px 5px 15px 15px;
    width: 170px !important;
    width /**/: 185px;
    color: #FFFFFF;
    float: left;
    overflow:hidden;
    height:auto;
}
* html #list {
    margin: 0;
    padding: 15px 5px 15px 15px;
    width: 187px !important;
    color: #FFFFFF;
    float: left;
    overflow:hidden;
    height:auto;
}
#details {
    margin: 0;
    padding: 0;
    width: 570px !important;
    background-color: #FFFFFF;
    float: right;
}
#text {
    margin: 0;
    padding: 12px;
}

#left-details img.headline
{
    margin: 0px;
    padding: 0px;
    border: 0px;
    border-right: 190px solid #001c7b;
}

#list ul 
{
    margin: 36px 0 0 0;
    padding: 0;
    list-style-type: none;
    height:auto;
}
#list ul li {
    margin: 0 0 18px 0;
    padding: 0;
    font-weight: bold;
}
#list ul li a {
    font-weight: bold;
    line-height: 16px;
    font-size: 0.9em;
}
#list ul li a p {
    font-size: 1em;
    text-decoration: underline;
}
#details img {
    margin: 0px;
    padding: 0px;
    border: 0px;
}
#details img.image {
    width: 570px;
    height: 279px;
    margin: 0px;
    padding: 0px;
    border-bottom: 1px solid #001c7b;
}
#text h2 {
    margin: 0;
    font-size: 1.9em;
    font-weight: bold;
    line-height: 30px;
}
#text span.price, #text span.value {
    font-size: 2em;
    font-weight: bold;
}
#text span.price_decimal {
    font-size: 1.4em;
    font-weight: bold;
}
#text h3 {
    margin-top: 20px;
}

#buttons
{
    background: #FFFFFF;
    border-right: 0px;
    padding: 12px;
}
#buttons a:hover,
#buttons a.email, #buttons a.reminder, #buttons a.notepad, #buttons a.list {
    color: #00148C;
    margin-bottom: 15px;
    padding-left: 22px;
    display: block;
    text-decoration: underline;
}
#buttons a.email {
    background: transparent url(/themen/weingenuss/media/layout_images/icon_email.gif) no-repeat 0 3px;
}
#buttons a.reminder {
    background: transparent url(/themen/weingenuss/media/layout_images/icon_reminder.gif) no-repeat 0 3px;
}
#buttons a.notepad {
    background: transparent url(/themen/weingenuss/media/layout_images/icon_notepad.gif) no-repeat 0 2px;
}
#buttons a.list {
    background: transparent url(/themen/weingenuss/media/layout_images/icon_list.gif) no-repeat 0 3px;
}

#form label {
    font-weight: bold;
}
#form form {
    margin-bottom: 0;
}
#form input {
    margin-bottom: 5px;
    border: 1px solid #8296BE;
    background-color: #FFFFFF;
}
#form input.submit {
    margin: 5px 0;
    border: 1px solid #00148C;
    background-color: #00148C;
    color: #FFFFFF;
    font-size: 0.9em;
    font-weight: bold;
}
#plz {
    width: 163px;
}
#ort {
    width: 163px;
}
 
#list ul li ul.sub {
    margin: 10px 0 0 0;
    padding: 0;
    list-style-type: none;
}
#list ul li ul.sub li {
    margin: 0 0 10px 14px;
    padding: 0;
    font-weight: bold;
}
#list ul li ul.sub li a.sub {
    font-size: 0.9em;
    color: #C87800;
    font-weight: normal;
    text-decoration: none;
}
#list ul li ul.sub li a.sub:hover {
    text-decoration: underline;
    color:#0f0f55;
}
 
div#product_pagination
{
    background-color: #001c7b;
    display: block;
    padding: 5px 0;
    color: #FFF;
    text-align: center;
}

#servicebox div.blaettern span.prev a,
span#prev a.previous
{
    color: #FFFFFF;
    background: transparent url(/themen/weingenuss/media/layout_images/product_pagination_prev.gif) no-repeat 0 0px;
}

#servicebox div.blaettern span.prev a:hover,
span#prev a.previous:hover
{
    color: #FFFFFF;
    background: transparent url(/themen/weingenuss/media/layout_images/product_pagination_prev_hover.gif) no-repeat 0 0px;
}

#servicebox div.blaettern span.next a,
span#next a.next
{
    color: #FFFFFF;
    background: transparent url(/themen/weingenuss/media/layout_images/product_pagination_next.gif) no-repeat 0 0px;
}
#servicebox div.blaettern span.next a:hover,
span#next a.next:hover
{
    color: #FFBE46;
    background: transparent url(/themen/weingenuss/media/layout_images/product_pagination_next_hover.gif) no-repeat 0 0px;
}


#rightcolumn
{
    display:inline;
    float:right;
    margin-bottom:0;
    margin-left:0;
    margin-right:-12px;
    margin-top:-12px;
    width:189px;
    border:1px solid #001c7b;
    border-right: 0px;
}
 

#contentbody
{
    margin:0;
    padding:0;
    margin-bottom: 10px;
    width:910px;
}

#contentbody div.colleft
{
    float:left; 
    margin-left:0px;
    margin-top:0px;
    padding-top: 10px;
    width: 190px;
}

#contentbody div.colmiddle
{
    float:left; 
    width: 500px; 
overflow:hidden;
}

 
#contentbody div.colleft ul
{
    list-style-type: none;
    display: block;
}

#contentbody div.colleft ul li
{
    display: block;
    /* line-height: 2.0em;   DMCM da bei zweizeiligen Namen der Abstand zu gross war */
    padding-top: 10px;
}

#contentbody div.colleft ul li a
{
    color: #FFFFFF;
    text-decoration: none;
    font-weight: normal;
}

#contentbody div.colleft ul li a:hover,
#contentbody div.colleft ul li a.on
{
    color: #FFBE46;
}
#contentbody div.colleft ul li a.on
{
    font-weight: bold;
}

#contentbody div.headimage
{
    font-family: 'arial bold', arial;
}
/*
#contentbody div.headimage
{
    margin-left: 14px;
}
*/ 
#contentbody div.colmiddle div.kategorieboxrot,
#contentbody div.colmiddle div.kategorieboxgruen,
#contentbody div.colmiddle div.kategorieboxorange,
#contentbody div.colmiddle div.kategorieboxgelb,
#contentbody div.colmiddle div.kategorieboxgrau,
#contentbody div.colmiddle div.kategorieboxgrau_verlauf
{ 
    margin: 0px;
    padding: 0px;
    float: left;
    margin-bottom: 10px;
    width: 486px;
}

#contentbody div.colmiddle div.kategorieboxrot div.bild,
#contentbody div.colmiddle div.kategorieboxgruen div.bild,
#contentbody div.colmiddle div.kategorieboxorange div.bild,
#contentbody div.colmiddle div.kategorieboxgelb div.bild,
#contentbody div.colmiddle div.kategorieboxgrau div.bild,
#contentbody div.colmiddle div.kategorieboxgrau_verlauf div.bild
{
    float: left;
    margin: 0px;
    padding: 0px;
    width: 285px;
}

#contentbody div.colmiddle div.kategorieboxrot div.bild img,
#contentbody div.colmiddle div.kategorieboxgruen div.bild img,
#contentbody div.colmiddle div.kategorieboxorange div.bild img,
#contentbody div.colmiddle div.kategorieboxgelb div.bild img,
#contentbody div.colmiddle div.kategorieboxgrau div.bild img,
#contentbody div.colmiddle div.kategorieboxgrau_verlauf div.bild img
{
    margin: 0px;
    padding: 0px;
}

#contentbody div.colmiddle div.kategorieboxrot div.text,
#contentbody div.colmiddle div.kategorieboxgruen div.text,
#contentbody div.colmiddle div.kategorieboxorange div.text,
#contentbody div.colmiddle div.kategorieboxgelb div.text,
#contentbody div.colmiddle div.kategorieboxgrau div.text,
#contentbody div.colmiddle div.kategorieboxgrau_verlauf div.text  
{
    float: left;
    padding:0;
    height:80px;
    text-align: right;
    width:200px;
}

#contentbody div.colmiddle div.kategorieboxrot div.text a,
#contentbody div.colmiddle div.kategorieboxgruen div.text a,
#contentbody div.colmiddle div.kategorieboxorange div.text a,
#contentbody div.colmiddle div.kategorieboxgelb div.text a,
#contentbody div.colmiddle div.kategorieboxgrau div.text a,
#contentbody div.colmiddle div.kategorieboxgrau_verlauf div.text a
{
    text-decoration: underline;
    font-weight: bold;
    color: #FFFFFF;
    float: right;
    margin:60px 6px 0 0;
}

#contentbody div.colmiddle div.kategorieboxrot div.text a:hover,
#contentbody div.colmiddle div.kategorieboxgruen div.text a:hover,
#contentbody div.colmiddle div.kategorieboxgelb div.text a:hover,
#contentbody div.colmiddle div.kategorieboxgrau div.text a:hover,
#contentbody div.colmiddle div.kategorieboxgrau_verlauf div.text a:hover
{
    color: #FFBE46;
}

#contentbody div.colmiddle div.kategorieboxorange div.text a:hover 
{
    color: #B56705;
}

#contentbody div.colmiddle div.kategorieboxrot div.headline,
#contentbody div.colmiddle div.kategorieboxgruen div.headline,
#contentbody div.colmiddle div.kategorieboxorange div.headline,
#contentbody div.colmiddle div.kategorieboxgelb div.headline,
#contentbody div.colmiddle div.kategorieboxgrau div.headline,
#contentbody div.colmiddle div.kategorieboxgrau_verlauf div.headline
{
    float:left; 
    padding:0;
    width: 200px;
    height: 43px;
}

#contentbody div.colmiddle div.kategorieboxrot div.headline a,
#contentbody div.colmiddle div.kategorieboxgruen div.headline a,
#contentbody div.colmiddle div.kategorieboxorange div.headline a,
#contentbody div.colmiddle div.kategorieboxgelb div.headline a,
#contentbody div.colmiddle div.kategorieboxgrau div.headline a,
#contentbody div.colmiddle div.kategorieboxgrau_verlauf div.headline a

{
    font-weight: bold;
    font-family: Arial;
    float:left;
    font-size: 14px;
    color: #FFFFFF;
    text-decoration: none;
    margin: 12px 0 0 10px;
}


#contentbody div.colmiddle div.categorytitle
{
    float:right;
    margin:0 0 0 10px;
    padding:0;
    width:260px;
}

#contentbody div.colmiddle div.categorytitle h1
{
    font-size: 1.5em;
    font-weight: bold;
}

#contentbody div.colmiddle div.produktgrundpreis,
#contentbody div.colmiddle div.produktpreis 
{ 
    width: 350px; 
    text-align: right; 
}
div.produktmatrix ul li.produktbox div.grundpreis,
#contentbody div.colmiddle div.produktgrundpreis
{
    font-size: 0.9em;
}

#servicebox
{
    float:right;
    margin:0 0 12px 12px;
    width:189px;    
}

#servicebox div.buttons
{
    padding-top: 5px;
}

#servicebox div.buttons a
{
    font-weight: bold;
    text-decoration: underline;
    display:block;
    margin-bottom:15px;
    padding-left:22px;
    background: #FFFFFF;
}

#contentbody div.colmiddle div.text
{
  padding: 0 0 0 10px;
  float:left;
}

#contentbody div.colmiddle div.text h2
{
    font-size:1.9em;
    font-weight:bold;
    line-height:30px;
    margin:10px 0 0 0;
}

#servicebox div.buttons a:hover
{
    color: #FFBE46;
}

#servicebox div.blaettern span.current
{
    color: #FFFFFF;
}

#servicebox div.blaettern
{
    display: block;
    padding: 5px 0;
    text-align: center;
}

.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}

div.produktmatrix ul li.produktbox div.titel{
 float:left;
 height:60px;
 width:189px;
 overflow:hidden;
}


div.produktmatrix ul li.produktbox div.titel p{
 margin:8px;
 float:left;
 font-weight:bold;
}

div.produktmatrix ul li.produktbox div.grundpreis,
div.produktmatrix ul li.produktbox div.preis{
 height:31px;
 float:left;
 text-align:right;
 width:180px;
 overflow:hidden;
}
div.produktmatrix ul li.produktbox div.grundpreis
{
    height: 27px;
}


div.produktmatrix ul li.produktbox div.preis p{
 margin:8px;
 float:left;
}

.preis1{
 font-size: 2em; 
 font-weight: bold;
}

.preis2{
  font-size: 1.1em;
  font-weight: bold;
  line-height: 0pt;
  position: relative;
  top: -8px;
  vertical-align: baseline;
}
 


#contentbody div.colmiddle div.categorypage,
#contentbody div.colmiddle div.winzer
{
    margin: 5px 20px 5px 20px;
    color: #000000;
}

#contentbody div.colmiddle div.categorypage div.headline,
#contentbody div.colmiddle div.winzer div.headline
{
    color: #b28e46;
    font-size: 2em;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
}

#contentbody div.colmiddle div.categorypage div.headline
{
    font-weight: normal;
}
#contentbody div.colmiddle div.winzer div.head
{
    width: 120px;
    float: left;
}
#contentbody div.colmiddle div.winzer div.head-text
{
    color: #b28e46;
    font-size: 1em;
    font-weight: bold;  
    float: left;
    margin-left: 15px;
    width: 350px;
}

#contentbody div.colmiddle div.winzer hr
{
    margin-top: 10px;
    color: #b28e46;
    border: 1px solid #b28e46;
}
 
#contentbody div.colmiddle div.categorypage div.inhalt
#contentbody div.colmiddle div.winzer div.inhalt
{
    margin: 10px 0;
    padding: 0px;
    color: #681118;
}

div.produktmatrix ul li.produktbox{
 float:left;
/*
 height:210px;
*/
 height: 240px;
 width:189px;
}


#contentbody div.colmiddle div.text_product_detail {
 width:560px;
}

* html #contentbody div.colmiddle div.text_product_detail {
 width:570px;
}

/* DMCM Falls man ein Menuepunkt ausblenden moechte, braucht dieser nur diese Klassen  
#mainnav ul #Winzer,
#mainnav ul.level2 #Winzer{
 display:none;
}
*/
 
#contentbody div.colmiddle div.produktmatrix ul li.produktbox div.titel a
{
    text-decoration: none;
    font-weight: bold;
}
#contentbody div.colmiddle div.produktmatrix ul li.produktbox div.titel a:hover
{
    color: #FFBE46;
}