/*********************************************************************************
 * /styles/reset.css
 *********************************************************************************/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}





/*********************************************************************************
 * /styles/styles.css
 *********************************************************************************/

html {
overflow-y: scroll;
}

body {
text-align: center; /* Für IE 5.01 & 5.5, um die Box #wrapper horizontal zu zentrieren */
font-family : Verdana, Arial, Helvetica, sans-serif;
font-size : 12px;
color : #000000;
}

div {
text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */
}

html, body {
height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
background: #e8e8e8;
}

/* DIV-Boxen */
div#outerwrapper {
position: relative;
width: 982px;
margin: 0 auto;
min-height: 100%; /* Mindesthöhe in modernen Browsern */
height: auto !important;
height: 100%; /* Mindesthöhe in IE (<7) */
background: #e8e8e8 url(/images/hintergrund.gif) repeat-y;
overflow: hidden;
}

div#abstand {
height: 10px;
width: 982px;
border-bottom: #666666 1px solid;
background: #e8e8e8;
}

div#wrapper {
position: relative;
width: 982px;
overflow: hidden;
}

div#leftContent {
float: left;
width: 250px;
}

div#contentRight {
float: right;
padding-left: 14px;
width: 716px;
min-height: 550px;
overflow: hidden;
}

div#logo {
width: 250px;
height: 170px;
padding-top: 10px;
text-align: center;
}

div#oeffnungszeiten, div#shopDropdowns {
padding: 15px;
width: 220px;
overflow: hidden;
}

div#oeffnungszeiten h2 {
color: #7F0000;
margin: 0;
}

div#oeffnungszeiten div.wochentag {
float: left;
width: 125px;
line-height: 16px;
}

div#oeffnungszeiten div.zeiten {
float: right;
width: 95px;
line-height: 16px;
}

div#shopDropdowns input, div#shopDropdowns select{
background-color:#FFF;
color: #4d4d4d;
border: 1px solid #c4c4c4;
padding: 2px 8px;
width:220px;
margin-top:3px;
-webkit-border-radius: 5px;
-moz-border-radius: 5px;
border-radius: 5px;
}

div#shopDropdowns input[type="checkbox"], div#shopDropdowns input[type="radio"] {
	background-color:#fFF;
	border: 0px solid #c4c4c4;
	margin-top:5px;
	width:19px;
	padding: 0px;
	-webkit-border-radius: 0px;
	-moz-border-radius: 0px;
	border-radius:0px;
}

div#contentHeader {
width: 716px;
height: 180px;
}

div#headerLeft {
float: left;
width: 350px;
height: 180px;
margin-right: 14px;
}

div.wechselHeader {
width: 350px;
height: 180px;
overflow: hidden;
}

div#headerLeft div#navigation, div#headerRight div#warenkorbLink {
position: absolute;
font-size: 13px;
top: 156px;
z-index: 9;
width: 350px;
line-height: 24px;
background: url(/images/header_hintergrund.png) no-repeat;
color: #ffffff;
z-index: 99;
}

div#headerRight {
float: right;
width: 350px;
height: 180px;
}

div#content {
padding: 15px;
width: 685px;
margin-bottom: 24px;
overflow: hidden;
}

div#content table tr td {
line-height: 16px;
}

.weinempfehlung {
float: left;
width: 340px;
margin-bottom: 15px;
}

.weinempfehlungBild {
float: left;
height: 250px;
padding-right: 10px;
width: 80px;
}

.weinempfehlungText {
float: right;
padding-top: 15px;
width: 250px;
line-height: 16px;
}

.old-preise {
	text-decoration: line-through;
}

.aktion-preise {
	color: red;
	font-weight: bold;
}

.newsEintrag {
width: 685px;
margin-bottom: 15px;
padding-bottom: 15px;
border-bottom: #cccccc 1px solid;
overflow: hidden;
}

.newsDatum {
float: left;
font-weight: bold;
width: 100px;
margin-bottom: 5px;
}

.newsTitel {
float: right;
font-weight: bold;
width: 585px;
margin-bottom: 5px;
}

.newsText {
clear: both;
width: 685px;
}

.newsText p {
line-height: 16px;
margin: 0;
}

.newsText img {
//float: right;
border: 0;
margin-left: 10px;
margin-bottom: 10px;
}

.TabellenTitelZeile {
background: #E0211B;
color: #ffffff;
padding: 3px;
font-weight: bold;
line-height: 16px;
border-left: #E0211B 1px solid;
border-right: #E0211B 1px solid;
}

.TabellenInhalt {
/*background: #ffffff;*/
border-left: #E0211B 1px solid;
border-right: #E0211B 1px solid;
border-bottom: #E0211B 1px solid;
padding: 3px;
vertical-align: top;
}

.clearFloat {
clear: both;
margin: 0px;
padding: 0px;
height: 0px;
}

div#footer {
position: absolute;
font-size: 12px;
line-height: 24px;
bottom: 0;
color: #ffffff;
background: #666666;
width: 982px;
text-align: center;
}

div#footer a {
color: #ffffff;
}

h1 {
color: #7F0000;
font-size: 15px;
line-height: 20px;
font-weight: bold;
margin-bottom: 15px;
}

h2 {
font-size: 13px;
line-height: 18px;
font-weight: bold;
margin-bottom: 15px;
}

h3 {
font-size: 11px;
line-height: 16px;
font-weight: bold;
margin-bottom: 15px;
}

p {
line-height: 16px;
margin-bottom: 15px;
}

a {
color: #7F0000;
text-decoration: none;
}

a:hover {
text-decoration: underline;
}

ul {
margin-bottom: 15px;
padding: 0;
}

li {
list-style: disc;
line-height: 16px;
margin-left: 16px;
}

strong {
font-weight: bold;
}

.printOnly {
	display: none;
}





/*********************************************************************************
 * /styles/navigation.css
 *********************************************************************************/

div#navigation ul {
margin: 0;
padding: 0;
position: relative;
}

div#navigation ul li {
float: left;
margin: 0;
list-style: none;
color: #ffffff;
font-weight: normal;
font-size: 13px;
line-height: 24px;
padding-left: 15px;
padding-right: 15px;
}

div#navigation ul li a {
color: #ffffff;
display: block;
line-height: 24px;
text-decoration: none;
}

div#navigation ul li:hover a, div#navigation ul li:hover a:hover {
color: #ffffff;
background: #cccccc;
line-height: 24px;
text-decoration: none;
}

div#navigation ul li:hover,
div#navigation ul li.Active {
float: left;
margin: 0;
list-style: none;
color: #ffffff;
background: #cccccc;
font-weight: normal;
font-size: 13px;
line-height: 24px;
padding-left: 15px;
padding-right: 15px;
}

div#navigation ul li.Active a {
color: #ffffff;
background: #cccccc;
display: block;
line-height: 24px;
text-decoration: none;
}

div#navigation ul li.Active, div#navigation ul li:hover, div#navigation ul li ul li.Active, div#navigation ul li ul li:hover {
position: relative;
}

div#navigation ul li ul {
width: 175px;
background: #999999;
visibility: hidden;
position: absolute;
left: 0;
top: 24px;
}

div#navigation ul li ul li, div#navigation ul li.Active ul li, div#navigation ul li:hover ul li {
float: none;
margin: 0;
background: #999999;
color: #ffffff;
border: #999999 1px solid;
padding-left: 15px;
line-height: 21px;
font-size: 13px;
}

div#navigation ul li ul li a, div#navigation ul li.Active ul li a, div#navigation ul li:hover ul li a {
color: #ffffff;
background: #999999;
display: block;
line-height: 21px;
text-decoration: none;
font-size: 13px;
}

div#navigation ul li ul li:hover a, div#navigation ul li ul li:hover a:hover, div#navigation ul li ul li.Active a {
color: #ffffff;
background: #cccccc;
line-height: 21px;
text-decoration: none;
}

div#navigation ul li ul li.Active, div#navigation ul li ul li:hover {
float: none;
margin: 0;
background: #cccccc;
color: #ffffff;
border: #999999 1px solid;
padding-left: 15px;
line-height: 21px;
font-size: 13px;
}

div#navigation ul li ul li ul {
width: 175px;
background: #999999;
visibility: hidden;
position: absolute;
left: 173px;
top: -1px;
}

div#navigation ul li ul li ul li, div#navigation ul li.Active ul li.Active ul li, div#navigation ul li:hover ul li:hover ul li {
float: none;
margin: 0;
background: #cccccc;
color: #ffffff;
border: #999999 1px solid;
padding-left: 15px;
line-height: 21px;
font-size: 13px;
}

div#navigation ul li ul li ul li a, div#navigation ul li.Active ul li.Active ul li a, div#navigation ul li:hover ul li:hover ul li a {
color: #ffffff;
background: #999999;
display: block;
margin: 0;
padding: 0;
line-height: 21px;
text-decoration: none;
font-size: 13px;
}

div#navigation ul li ul li ul li:hover a, div#navigation ul li ul li ul li:hover a:hover, div#navigation ul li.Active ul li.Active ul li.Active a {
color: #ffffff;
background: #cccccc;
margin: 0;
padding: 0;
line-height: 21px;
text-decoration: none;
}

div#navigation ul li.Active ul li.Active ul li.Active, div#navigation ul li:hover ul li:hover ul li:hover {
float: none;
margin: 0;
background: #cccccc;
color: #ffffff;
border: #999999 1px solid;
padding-left: 15px;
line-height: 21px;
font-size: 13px;
}

div#navigation ul li:hover > ul {
visibility: visible;
}

div#navigation ul li ul li:hover > ul {
visibility: visible;
}





/*********************************************************************************
 * /styles/VinXShopNeu.css
 *********************************************************************************/

.listCell
{
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	border-bottom: solid 1px #cccccc;
}

.listCellRight
{
	padding-top: 2px;
	padding-bottom: 2px;
	vertical-align: middle;
	text-align: right;
	border-bottom: solid 1px #cccccc;
}

.listCell A
{
	color: #7F0000;
	text-decoration: none;
	border: none;
}

.listCell A:hover
{
	text-decoration: underline;
}

.listPagerRow
{
	background-color: #01484E;
}

.listPagerCell
{
	color: #fff;
	font-weight: bold;
	padding: 5px;
}

.listHeaderRow
{
}

.listHeaderCell
{
	font-weight:bold;
	background-color: #01484E;
	color:#fff;
	padding-top: 5px;
	padding-bottom: 5px;
}

.listRow1
{
}

.listRow2
{
}

.listGroupRow
{
	background-color: #ebebeb;
}

.listGroupCell
{
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	font-weight:bold;
	border-bottom: solid 1px #999999;
}

.listSummaryCell
{
	font-weight:bold;
	padding-top: 5px;
	padding-bottom: 5px;
	color:#fff;
}

.listSummaryRow
{
	padding-top: 5px;
	padding-bottom: 5px;
	background-color: #01484E;
	color:#fff;
}

.TxtWarenkorbMenge
{
	width: 25px;
	font-size: 10px;
	text-align:right;
	vertical-align: middle;
	height: 14px;
}

.DrpWarenkorbMenge
{
	width: 45px;
	font-size: 10px;
	vertical-align: middle;
}

.DrpMengenTyp
{
	width: 50px;
	font-size: 10px;
	margin-right: 4px;
	vertical-align: middle;
	height: 20px;
}

.BtnWarenkorbAdd
{
	border: none;
	margin-left: 2px;
	background-color: transparent;
	vertical-align: middle;
}

.BewertHeader
{
	font-weight:bold;
	border-bottom: solid 1px black;
}

.detailRow {
padding-bottom: 5px;
line-height: 16px;
vertical-align: top;
}

.textRowTitle {
padding-bottom: 5px;
}

.textRowValue {
padding-bottom: 5px;
line-height: 16px;
}

div#loginInfos {
margin-bottom: 25px;
}

div#warenkorbSummary {
padding-top:15px;
margin-top:30px;
width:145px;
height:85px;
padding-left:15px;
background: #D8D8D8;
position:absolute;
top:0;
right:0;
margin-right:55px;
}


div#warenkorbSummary h2 {
font-size: 13px;
font-weight: bold;
margin-bottom: 5px;
}

div#warenkorbSummary div.preis {
margin-top:10px;
margin-bottom: 23px;
}

div#warenkorbSummary div.link a {
	color: #01484E;
	text-decoration: none;
	border: none;
}

div#warenkorbSummary div.link a:hover {
	text-decoration: underline;
}

div#loginBox h2 {
	margin-bottom: 5px;
}

div#loginBoxAussendienst h2 {
	margin-bottom: 5px;
}





/*********************************************************************************
 * /styles/colorbox.css
 *********************************************************************************/

/*
    ColorBox Core Style
    The following rules are the styles that are consistant between themes.
    Avoid changing this area to maintain compatability with future versions of ColorBox.
*/
#colorbox, #cboxOverlay, #cboxWrapper{position:absolute; top:0; left:0; z-index:9999; overflow:hidden;}
#cboxOverlay{position:fixed; width:100%; height:100%;}
#cboxMiddleLeft, #cboxBottomLeft{clear:left;}
#cboxContent{position:relative; overflow:hidden;}
#cboxLoadedContent{overflow:auto;}
#cboxLoadedContent iframe{display:block; width:100%; height:100%; border:0;}
#cboxTitle{margin:0;}
#cboxLoadingOverlay, #cboxLoadingGraphic{position:absolute; top:0; left:0; width:100%;}
#cboxPrevious, #cboxNext, #cboxClose, #cboxSlideshow{cursor:pointer;}

/* 
    ColorBox example user style
    The following rules are ordered and tabbed in a way that represents the
    order/nesting of the generated HTML, so that the structure easier to understand.
*/
#cboxOverlay{background:#fff;}

#colorBox{}
    #cboxTopLeft{width:25px; height:25px; background:url(/images/colorbox/border1.png) 0 0 no-repeat;}
    #cboxTopCenter{height:25px; background:url(/images/colorbox/border1.png) 0 -50px repeat-x;}
    #cboxTopRight{width:25px; height:25px; background:url(/images/colorbox/border1.png) -25px 0 no-repeat;}
    #cboxBottomLeft{width:25px; height:25px; background:url(/images/colorbox/border1.png) 0 -25px no-repeat;}
    #cboxBottomCenter{height:25px; background:url(/images/colorbox/border1.png) 0 -75px repeat-x;}
    #cboxBottomRight{width:25px; height:25px; background:url(/images/colorbox/border1.png) -25px -25px no-repeat;}
    #cboxMiddleLeft{width:25px; background:url(/images/colorbox/border2.png) 0 0 repeat-y;}
    #cboxMiddleRight{width:25px; background:url(/images/colorbox/border2.png) -25px 0 repeat-y;}
    #cboxContent{background:#fff;}
        #cboxLoadedContent{margin-bottom:20px;}
        #cboxTitle{position:absolute; bottom:0px; left:0; text-align:center; width:100%; color:#999;}
        #cboxCurrent{position:absolute; bottom:0px; left:100px; color:#999;}
        #cboxSlideshow{position:absolute; bottom:0px; right:42px; color:#444;}
        #cboxPrevious{position:absolute; bottom:0px; left:0; color:#444;}
        #cboxNext{position:absolute; bottom:0px; left:63px; color:#444;}
        #cboxLoadingOverlay{background:url(/images/colorbox/loading.gif) 5px 5px no-repeat #fff;}
        #cboxClose{position:absolute; bottom:0; right:0; display:block; color:#444;}

/*
    The following fixes png-transparency for IE6.  
    It is also necessary for png-transparency in IE7 & IE8 to avoid 'black halos' with the fade transition
    
    Since this method does not support CSS background-positioning, it is incompatible with CSS sprites.
    Colorbox preloads navigation hover classes to account for this.
    
    !! Important Note: AlphaImageLoader src paths are relative to the HTML document,
    while regular CSS background images are relative to the CSS document.
*/
.cboxIE #cboxTopLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopLeft.png, sizingMethod='scale');}
.cboxIE #cboxTopCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopCenter.png, sizingMethod='scale');}
.cboxIE #cboxTopRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderTopRight.png, sizingMethod='scale');}
.cboxIE #cboxBottomLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomLeft.png, sizingMethod='scale');}
.cboxIE #cboxBottomCenter{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomCenter.png, sizingMethod='scale');}
.cboxIE #cboxBottomRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderBottomRight.png, sizingMethod='scale');}
.cboxIE #cboxMiddleLeft{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleLeft.png, sizingMethod='scale');}
.cboxIE #cboxMiddleRight{background:transparent; filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=/images/colorbox/internet_explorer/borderMiddleRight.png, sizingMethod='scale');}





/*********************************************************************************
 * /styles/jquery.lightbox-0.5.css
 *********************************************************************************/

/**
 * jQuery lightBox plugin
 * This jQuery plugin was inspired and based on Lightbox 2 by Lokesh Dhakar (http://www.huddletogether.com/projects/lightbox2/)
 * and adapted to me for use like a plugin from jQuery.
 * @name jquery-lightbox-0.5.css
 * @author Leandro Vieira Pinho - http://leandrovieira.com
 * @version 0.5
 * @date April 11, 2008
 * @category jQuery plugin
 * @copyright (c) 2008 Leandro Vieira Pinho (leandrovieira.com)
 * @license CC Attribution-No Derivative Works 2.5 Brazil - http://creativecommons.org/licenses/by-nd/2.5/br/deed.en_US
 * @example Visit http://leandrovieira.com/projects/jquery/lightbox/ for more informations about this jQuery plugin
 */
#jquery-overlay {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
}
#jquery-lightbox {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
}
#lightbox-nav {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 49%;
	height: 100%;
	zoom: 1;
	display: block;
}
#lightbox-nav-btnPrev { 
	left: 0; 
	float: left;
}
#lightbox-nav-btnNext { 
	right: 0; 
	float: right;
}
#lightbox-container-image-data-box {
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: hidden;
	width: 100%;
	/*padding: 0 10px 0;*/
}
#lightbox-container-image-data {
	padding: 0 10px; 
	color: #666; 
}
#lightbox-container-image-data #lightbox-image-details { 
	width: 70%; 
	float: left; 
	text-align: left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: block; 
	clear: left; 
	padding-bottom: 1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 22px; 
	float: right;
	padding-bottom: 0.7em;	
}