body,td,th {
	font-size: 11px;
	color: #586554;
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
}
body {
	background-color: #DAE2E3;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	scrollbar-arrow-color : #586554;
	scrollbar-3dlight-color : #586554;
	scrollbar-darkshadow-color : #586554;
	scrollbar-highlight-color : #F2F2E0;
	scrollbar-shadow-color : #F2F2E0;
	scrollbar-base-color : #F2F2E0;
	scrollbar-face-color : #F2F2E0;
	scrollbar-track-color : #F2F2E0;
}
input, textarea, select {
	background-color:#FFFFFF;
	font-size: 11px;
	color: #586554;
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
	border:#586554 1px solid;
	width: 165px;
}
.inputRadio {
	background-color:transparent;
	border:0;
	width: 20px;
}
legend {
	background-color: #9CC234;
	color:#FFFFFF;
	padding:0 4px;
}
fieldset {
	border:1px solid #586554;
	margin: 10px 10px 2px 5px;
	padding:2px;
}
a.standardlink:link     { text-decoration: underline;   color: #586554; }
a.standardlink:visited  { text-decoration: underline;   color: #586554; }
a.standardlink:hover    { text-decoration: none;        color: #C23434; }
a.standardlink:active   { text-decoration: underline;   color: #586554; }

.preis_rot {
font-size:13px;
font-weight:bold;
color:#C23434;
padding-bottom:4px;
}
.noborder { /* für Bilder, da in xhtml strict keine border=0 erlaubt ist */
border:0px;
}
.popupfenster {
	background-color: #FFF;
	font-family: "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
	color: #586554;
	border: 1px solid #586554;
	width:350px;
}
.weinInfo {
	border:0;
	padding:0;
	margin:0;
}
.produktbildPopupFenster {
	margin:10px;
	padding:10px;
	background:#FFFFFF;
	border:1px solid #586554;
}
/* ***************** TOP *******************************/
#top {
	vertical-align: top;
    width:910px;
	height:220px;
	background-image:url(images/top.jpg);
	background-repeat:no-repeat;
}
#logo-link {
    width:275px;
    height:150px;
    float:left;         
}
#topmenu {
	width:275px;
	height:13px;
	float:left;
	padding:165px 0 0 310px;
}


/* ****************** LINKE SPALTE ******************/
#leftcolumn {
background-image:url(images/left_bg.gif);
background-repeat:repeat-y;
vertical-align:top;
}
#menu_top {
width:203px;
height:35px;
background-image:url(images/menu_top.gif);
background-repeat:no-repeat;
/*padding-top:10px;
padding-left:20px;*/
}
/* star html hack, wird nur vom IE ausgelesen 
* html #menu_top  {
  padding-top:5px;
}*/
.box_headline {
font-weight:bold;
background-color:#E5E2C5;       
position:relative;
	left:20px;
	height:12px;
	z-index: 2;
}
/*.box_headline {
font-weight:bold;
background-color:#E5E2C5;
}*/
.boxleft_top {
width:203px;
height:27px;
background-image:url(images/boxleft_top.gif);
background-repeat:no-repeat;
/*padding-top:10px;
padding-left:20px;*/
}

.boxleft_bg {
background-image:url(images/boxleft_bg.gif);
background-repeat:repeat-y;
padding-top:4px;
padding-bottom:4px;
padding-left:15px;
padding-right:15px;
line-height: 13px;
}

.suche_bottom {
width:203px;
height:30px;
background-image:url(images/boxleft_bottom.gif);
background-repeat:no-repeat;
padding-left: 15px;
vertical-align:top;
}

/* ****** Box: Menu ********* */
a.kat_level1 {
font-family: "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #586554;
  padding-left: 15px;
  background-image: url(images/menu_bg.gif); 
  display: block;
  padding-top: 2px;
  text-decoration: none;
}
a.kat_level1:hover {
  background-image: url(images/menu_bg_over.gif);
  color:#FFFFFF;
}
a.kat_level1_aktiv {
font-family: "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #586554;
  padding-left: 15px;
  background-image: url(images/menu_bg_over.gif); 
  display: block;
  padding-top: 2px;
  text-decoration: none;
}
a.kat_level1_gewaehlt {
font-family: "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #586554;
  padding-left: 15px;
  background-image: url(images/menu_bg_over.gif); 
  display: block;
  padding-top: 2px;
  text-decoration: none;
}

a.kat_level2 {
font-family: "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #586554;
  padding-left: 25px;
  background-image: url(images/menu_subbg.gif); 
  display: block;
  padding-top: 1px;
  text-decoration: none;
}
a.kat_level2:hover {
  background-image: url(images/menu_bg.gif);
  color:#9CC234;
}
a.kat_level2_aktiv {
font-family: "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #586554;
  padding-left: 25px;
  background-image: url(images/menu_bg.gif); 
  display: block;
  padding-top: 1px;
  text-decoration: none;
}
a.kat_level2_gewaehlt {
font-family: "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #586554;
  padding-left: 25px;
  background-image: url(images/menu_bg_over.gif); 
  display: block;
  padding-top: 1px;
  text-decoration: none;
}

/* ****** Box: Informationen ********* */
a.informationen {
font-family: "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #586554;
  padding-left: 15px;
  background-image: url(images/menu_subbg.gif); 
  display: block;
  padding-top: 1px;
  text-decoration: none;
}
a.informationen:hover {
  background-image: url(images/menu_bg.gif);
}
a.informationen_aktiv {
  font-family: "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #586554;
  padding-left: 15px;
  background-image: url(images/menu_bg.gif); 
  display: block;
  padding-top: 1px;
  text-decoration: none;
}

/* ****************** HAUPT SPALTE ******************/
#hauptcolumn {
background-color:#FFFFFF;
vertical-align:top;
width:503px;
padding-bottom:20px
}
.pathbox{
height:37px;
background-image:url(images/pathbox_bg.gif);
background-repeat:no-repeat;
padding-left:10px;
padding-top:8px;
vertical-align:top;
}

/* ****** Box: Teaser ********* */
div.teaser_kasten {
    margin-bottom: 3px;
    float: left;
    height: 208px;
    width:  237px;
    background-image: url(images/teaserbox_bg.gif);
    background-repeat: no-repeat; 
    padding: 0px;   
    padding-top: 1px;
    padding-left: 1px;
}
div.teaser_kasten h3{
    margin-top: 3px;
    display: inline;
    font-size: 14px;
}
span.teaser_kasten_text {
   
}
span.teaser_kasten_sonderpreis {
    font-size:16px;
    font-weight:bold;
    color:#CD0008; 
    padding-right: 1px;  
}
span.teaser_kasten_preis {
    font-size:16px;
    font-weight:bold;
    color:#CD0008; 
    padding-right: 1px;
}
/* *********** listendarstellung *** */
div.produkt_listing {
    background-image: url(images/listing_bg.gif);
    background-repeat: no-repeat; 
    clear:both;
    height:180px;
    padding:0px;
    padding-top:1px;
    padding-left:1px;
    margin:0px;
    margin-bottom:4px;       
}
        span.listing_kasten_sonderpreis {
            font-size:16px;
            font-weight:bold;
            color:#CD0008; 
            padding-right: 1px;  
        }
        span.listing_kasten_preis {
            font-size:16px;
            font-weight:bold;
            color:#CD0008; 
            padding-right: 1px;
        }
div.produkt_listing p.weitere_infos {
    background-color: white;
    margin: 2px;   
}


/* *********** Sortierwahl ********* */ 
div.sortierwahl {
    float: left;
    width:200px;
    margin-left: 10px;
    margin-top: 10px;
}
div.sortierwahl select {
    background-color: #ffffff;
    font-family: "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    color: #586554;
}

/* *********** Unterseitenwahl ********* */
ul.seitenwahl {
    background-color: #E5E2C5;
    float: right;
    margin-top: 10px;
    margin-right: 0px;
}
li.unterseite {
    display: inline;
    padding: 0px;
    background-color: #E5E2C5;      
    padding-right: 4px;
    padding-left: 4px;
}
li.unterseite a {
    color: #586554;
    text-decoration: none;
}
li.unterseite:hover {
    display: inline;
    padding: 0px;
    background-color: white;      
    padding-right: 4px;
    padding-left: 4px;
}
li.unterseite_aktiv {
    display: inline;
    padding: 0px;
    background-color: white;      
    padding-right: 4px;
    padding-left: 4px;
}

/* *********** bildwahl ********* */
ul.bildwahl {
    background-color:   #E5E2C5;
    margin-top:         10px;
    margin-right:       20px;
    margin-left:        20px;
    padding:             0px;
}
/* ********* Warenkorb ********** */
table.warenkorb_tabelle th{
    font-weight:bold;
    text-align: left;
    padding: 6px 5px;
    background-color:#E5E2C5;
}
table.warenkorb_tabelle td{
    text-align: left;  
}
a.warenkorbButton, a.warenkorbButton:link, a.warenkorbButton:visited, a.warenkorbButton:active {
    color: #586554;
    text-decoration:none;
    border: 1px solid;
    padding:4px;
    background-color:#ffffff;
} 
a.warenkorbButton:hover {
    background-color:#E5E2C5;
} 
ul.ablauf {
    list-style-type: none;
    padding: 0;
    margin:0 0 20px 0;
    float:none;
}
ul.ablauf li {
    float: left;  
    width:  112px;
    height: 55px;
    color: #586554; 
    padding:4px;
    margin-right: 1px;
}
ul.ablauf .aktiv {
    font-weight:bold;
    background-color: #9CC234;
	color:#FFFFFF;
}
ul.ablauf .inaktiv {
    background-color: #E5E2C5;
}

/* ********* Checkout (Formular für Lieferadresse,Rechnungsadresse,Zahlweise) ********** */
.liefer {
}
.rechnungs {
}
#lieferkasten input {
    width:130px;
    font-size: 11px;
}
#lieferkasten select {
    width:130px;
    font-size: 11px;
    color: #586554;
    font-family: "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
}
#rechnungskasten input {
    width:130px;
    font-size: 11px;
}
#rechnungskasten select {
    width:130px;
    font-size: 11px;
    color: #586554;
    font-family: "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
}
#zahlungskasten input {
    width: 20px;
    border: 0px;
}
.nicht_ausgefuellt {
    background-color:#D97373;
	border:1px solid #C23434;
    color: #FFFFFF;
}
.fehler {
	padding:10px; 
	width:483px; 
	border:1px solid #C23434; 
	background-color:#D97373;
	color:#FFFFFF;
	margin:2px 0;
}
.input_fehler, .select_fehler {
    background-color: #D97373;
	color:#FFFFFF;
}
.hinweistext {
	font-weight:bold;
	color:#C23434;
	padding-bottom:4px;
}

#passwortkasten input {
    width:130px;
    font-size: 11px;
}


/* **************** Login-Kasten ************************ */ 
.login_top {
    width:493px;
    height:27px;
    background-image:url(images/login_top.gif);
    background-repeat:no-repeat;
}
.login_bg {
    background-image:url(images/login_bg.gif);
    background-repeat:repeat-y;
    padding-top:4px;
    padding-bottom:4px;
    padding-left:15px;
    padding-right:15px;
}
div.input_fehler {
    color:#FFF;
	border: 1px solid #C23434;
	padding: 5px;
	margin:5px 0;
}
div.input_fehler p {
	margin:0;
	padding:0;
}

/* **************** Mein Account (Navigation) *************** */ 
#navAccount {
	width:100%;
    float: right;
    margin: 0;
    padding: 10px 0px 0px 0px;
}
#navAccount ul {
    margin: 0px;
    background-color: #E5E2C5; 
    padding: 4px;
}
#navAccount ul li {
    display: inline;
    margin: 0px;
    padding: 0px;
}
#navAccount ul li a:link, #navAccount ul li a:visited, #navAccount ul li a:hover, #navAccount ul li a:active {
    text-decoration: none;
    background-color: #E5E2C5;
    color: #586554;
    padding: 4px;
    margin: 0px;
}
#navAccount ul li a.selected:link, #navAccount ul li a.selected:visited, #navAccount ul li a.selected:hover, #navAccount ul li a.selected:active {
    background-color: #FFF;
	font-weight:bold;
}
#navAccount ul li a:hover {
    text-decoration:none;
    background-color: white;
}
/**** Bestelldetailansicht in bestelldetais.php *****/
#statuskasten,
#lieferkasten,
#rechnungskasten,
#zahlungskasten{
    background-color: white;
}
#statuskasten div.zahlungseingang, 
#statuskasten div.ausgeliefert, 
#statuskasten div.zahlungserinnerung {
    width:180px;
    float:left;
    padding:5px;
}
#lieferkasten div, #rechnungskasten div {
    width:210px;
    padding: 5px;
}
table.warenkorb_tabelle th{
    font-weight:bold;
    text-align: left;
    padding: 6px 5px;
    background-color: #e5e6c2;
}
table.warenkorb_tabelle td{
    text-align: left;  
}
.produktPositionenTr {
}
.produktPositionenTd {
     vertical-align:top;
     padding:5px;
     background-color:#f2f2e0;
}
.warenkorb_tabelle_linie {
    line-height:1px;
    background-color:#e5e6c2;
    padding:0;
}
a.warenkorbButton, a.warenkorbButton:link, a.warenkorbButton:visited, a.warenkorbButton:active {
    color: #586554;
    text-decoration:none;
    border: 1px solid #586554;
    padding:5px;
    background-color:#FFFFFF;
} 
a.warenkorbButton:hover {
    color: #C23434;
    border: 1px solid #C23434;
    background-color:#F2F2E0;
}
/* **************** Mein Account (Content) *************** */ 
#contentAccount {
    clear:both;
    padding-top: 10px;
}
tr.Account_Bestellung_gerade {
    background-color: #ffffff;
}
tr.Account_Bestellung_ungerade {
    background-color: #E5E2C5;
}
p.hinweis {
    background-color: #9CC234;
    padding:6px;
}

/* ****************** RECHTE SPALTE ******************/
#rightcolumn {
background-image:url(images/right_bg.gif);
background-repeat:repeat-y;
vertical-align:top;
}
.boxright_top {
width:204px;
height:27px;
background-image:url(images/boxright_top.gif);
background-repeat:no-repeat;
}
.boxright_bg {
background-image:url(images/boxright_bg.gif);
background-repeat:repeat-y;
padding-top:4px;
padding-bottom:4px;
padding-left:15px;
padding-right:15px;
line-height: 13px;
}

/* ****** Box: Warenkorb ********* */
#warenkorb_top {
width:204px;
height:35px;
background-image:url(images/warenkorb_top.gif);
background-repeat:no-repeat;
}
.warenkorb_bg {
background-image:url(images/boxright_bg.gif);
background-repeat:repeat-y;
padding-left: 15px;
}
.warenkorb_bottom {
width:204px;
height:28px;
background-image:url(images/warenkorb_bottom.gif);
background-repeat:no-repeat;
background-color:#E5E6C2;
padding-left: 15px;
vertical-align:top;
}

/* ****** Box: Bestseller ********* */
a.bestseller {
font-family: "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #586554;
  padding-left: 15px;
  background-image: url(images/boxright_bg.gif); 
  display: block;
  padding-top: 1px;
  text-decoration: none;
}
a.bestseller:hover {
  background-image: url(images/boxright_over.gif);
}


/* ****************** UNTEN ******************/
#bottom {
color:#799194;
padding-bottom:10px;
}
a.bottom:link { text-decoration: underline; color: #799194; }
a.bottom:visited { text-decoration: underline; color: #799194; }
a.bottom:hover { text-decoration: none; color: #C23434; }
a.bottom:active { text-decoration: underline; color: #799194; }

/* ***************************************************************** LIGHTBOX **************************** */
#lightbox{
    position: absolute;
    left: 0;
    width: 100%;
    z-index: 100;
    text-align: center;
    line-height: 0;
    }

#lightbox a img{ border: none; }

#outerImageContainer{
    position: relative;
    background-color: #fff;
    width: 250px;
    height: 250px;
    margin: 0 auto;
    }

#imageContainer{
    padding: 10px;
    }

#loading{
    position: absolute;
    top: 40%;
    left: 0%;
    height: 25%;
    width: 100%;
    text-align: center;
    line-height: 0;
    }
#hoverNav{
    position: absolute;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    z-index: 10;
    }
#imageContainer #hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
    width: 49%;
    height: 100%;
    background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
    display: block;
    }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }


#imageDataContainer{
    font: 10px Verdana, Helvetica, sans-serif;
    background-color: #fff;
    margin: 0 auto;
    line-height: 1.4em;
    overflow: auto;
    width: 100%    
    }

#imageData{    padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }    
#imageData #caption{ font-weight: bold;    }
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;    }            
#imageData #bottomNavClose{ width: 24px; float: right;  padding-bottom: 0.7em;    }    
        
#overlay{
    position: absolute;
    top: 0;
    left: 0;
    z-index: 90;
    width: 100%;
    height: 500px;
    background-color: #b8b7b2;
}

/* ***************************************** Weinlight *********************************** */
#weinlight {
    width:          504px; 
    height:         700px; 
}
#weinlight_preis {           
    position:       relative;  
    top:            345px; 
    left:           40px; 
    width:          90px; 
    height:         50px; 
    margin:         0px; 
    text-align:     center
}
#weinlight_counter_text {     
    position:       relative;  
    line-height:    16px; 
    top:            290px; 
    left:           360px; 
    width:          120px; 
    /* height:         40px; */
    margin:         0px;
    font-size:      16px;
    font-weight:    bold;
    color:          white;
    text-align:     right; 
    margin:         0px;    
    font-family:    "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
}
#weinlight_counter {
    position:       relative; 
    top:            290px; 
    left:           360px; 
    width:          120px; 
    /* height:         40px; */
    margin:         0px;
    font-size:      30px;
    color:          white;
    text-align:     right;
    margin:         0px;     
    font-family:    "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
}
#weinlight_beschreibung {
    position:       relative;      
    top:            315px;    
    left:           40px; 
    width:          430px; 
    height:         180px; 
    margin:         0px;
    font-size:      12px;    
    font-family:    "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
}
#weinlight_beschreibung p {
    margin: 0px;  
}
#weinlight_hinweis {          
    position:       relative;     
    top:            315px;    
    left:           40px; 
    width:          430px; 
    margin:         0px;
    font-size:      12px;    
    font-family:    "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
}
#weinlight_hinweis_kein {          
    position:       relative;   
    top:            490px; 
    left:           40px; 
    width:          430px; 
    margin:         0px;
    font-size:      12px;    
    font-family:    "Trebuchet MS", Geneva, Verdana, Arial, Helvetica, sans-serif;
}

#weinlight_warenkorb {      
    position:   relative;         
    top:        320px; 
    left:       170px; 
    width:      210px; 
    margin:     0px;
}
/* ***************************************** verpasste Weinlights *********************************** */
.box_wl_verpasst {
font-weight:        bold;
background-color:   #E5E2C5;       
position:           relative;
    left:           20px;
    height:         12px;
    z-index:        2;
}
.box_wl_verpasst_top {
width:              247px;
height:             28px;
background-image:   url(images/box_wl_verpasst_top.gif);
background-repeat:  no-repeat;
}

.box_wl_verpasst_bg {
/* background-color:   #f2f2e0; */
background-image:   url(images/box_wl_verpasst_bg.gif);    
padding:            4px 15px 4px 15px;
vertical-align:     top;
height:             200px;
line-height:        13px;
}