/* -----------------------------------------------------------------------------------------
   -----------------------------------------------------------------------------------------
   Chris Weinmann - Grafikbuero GEBHARD|UHL, Freiburg 
   http://www.gebharduhl.de

   Copyright (c) 2009 GEBHARD|UHL 
   -----------------------------------------------------------------------------------------
   ---------------------------------------------------------------------------------------*/

/*----------------General Rules-------------*/
* {
	margin: 0;
	padding: 0;
}
body {
	background-position: center top;
	background-repeat: no-repeat;
	background-color: #f9f9f5;
	color:#58585a;
	font-family: "Times", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	font-size:13px;
	height:100%;
}
a {
	color:#58585A;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
.alt {
	display: none;
}
img {
	border: 0;
}
.left {
	float:left;
}
.right {
	float:right;
}
/*----------------General Rules-------------*/
/*----------------General Layout-------------*/
#wrapper {
	position: relative;
	width:922px;
	margin: 0 auto;
	text-align: left;
	padding-bottom:30px;
	overflow: hidden;
}
/*----------------General Layout-------------*/
/*----------------Top Nav-------------*/
#topNav {
	display:block;
	height:30px;
	text-align:right;
	font-family: "Trebuchet MS", "Bitstream Vera Sans", verdana, lucida, arial, helvetica, sans-serif;
	padding-right:10px;
}

#topNav p{
	line-height:30px;
	font-size:11px;
	color: #666666;
}
#topNav p a{
	color: #666666;
	text-decoration: none;
}
#topNav p a:hover{
	color: #666666;
	text-decoration: underline;
}
/*----------------Top Nav-------------*/
/*----------------Header-------------*/
#header h1 {
	padding:0;
	margin:0;
}
#header h1 a{
	display:block;
	width:240px;
	height:120px;
	position: absolute;
	top:35px;
	left:0;
}
/*----------------Header-------------*/
/*----------------mainNav-------------------*/
#mainNavContainer {
	display:block;
	width:248px;
	height:422px;
	background: url(../images/mainNav_BG.png) top left no-repeat;
}
#mainNav ul {
	clear: both;
	list-style: none;
	padding-top:135px;
	padding-left:35px;
	padding-right:30px;
}
#mainNav ul li{
	font-size:15px;
	line-height: 20px;
	text-indent: -9999px;
	border-bottom:1px solid #ababa5;
	min-height:17px;
}
#mainNav ul li.last{
	background: none;
	border-bottom:0;
}
#mainNav ul li a{
	text-decoration: none;
	display:block;
	background-repeat: no-repeat;


}
#mainNav ul li a:hover{
	background-position: 0 -70px;
}

#mainNav ul li.active a{
	background-position: 0 -70px;
}

#mainNav ul ul {
	padding-top:0px;
	margin-bottom:5px;
	padding-left:0;
}
#mainNav ul li li{
	font-size:15px;
	text-indent: -9999px;
	border-bottom:0;
	min-height:17px;
	line-height: 19px;
}
#mainNav ul li.active li a{
	background-position: 0 0;
}
#mainNav ul li li a:hover{
	background-position: 0 -66px;
}

#mainNav ul li li.active a{
	background-position: 0 -66px;
}


#mainNav ul:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/* Hides from IE-mac \*/
* html #mainNav ul {
	height: 1%;
}
/* End hide from IE-mac */
/*----------------mainNav-------------------*/
#dockMenu{
	position:absolute;
	top:30px;
	left:248px;
	overflow: hidden;
	width:669px;
}


#id_home #subNav {
	display: none;
}
#subNav {
	display: block;
	width:242px;
	height:23px;
	position: absolute;
	top:443px;
	left:638px;
}
#subNav .buttonbox {
	display: block;
	width:242px;
	height:23px;
	background: transparent url(../images/prevNext_BG.png) top left repeat-x;
}
#subNav a{
	color:#fff;
	display:block;
	width:100%;
	height:23px;
	text-indent:-9999px;
}
#subNav .buttonbox div.buttonprev{
	width:48%;
	height:23px;
	display: block;
}
#subNav .buttonbox div.buttonprev a {
	background: transparent  url(../images/prevButton.png) top left no-repeat;	
}
#subNav .buttonbox .buttonnext{
	width:48%;	
	height:23px;
	display: block;
}
#subNav .buttonbox div.buttonnext a {
	background: transparent  url(../images/nextButton.png) top left no-repeat;	
}
#contentContainer #wineNav ul {
	padding:0;
}
#contentContainer #wineNav ul li{
	list-style-type: none;
	background: none;
	font-family: "Times", serif;
	font-size: 15px;
	text-transform: uppercase;
	line-height:30px;
	padding:0;
}
#id_79 #contentContainer #wineNav ul li, #id_80 #contentContainer #wineNav ul li, #id_81 #contentContainer #wineNav ul li{
	text-transform: none;
}

#contentContainer #wineNav ul li a{
	color:#5e5e5d;
	text-decoration: none;
	border-bottom:1px solid #000;
	display: block;
}
#contentContainer #wineNav ul li a:hover,#contentContainer #wineNav ul li a.active{
	color:#8a8864;
}
#contentContainer #wineNav ul li ul li{
	text-indent:15px;
}
#contentContainer #wineNav ul li ul li a{
	border-bottom:1px solid #aeaeac;
}
/*----------------shopLink-------------------*/
/*
#shopLink a{
	display:block;
	width:248px;
	height:26px;
	position:absolute;
	top:417px;
}
*/
#shopLink {
	display: none;
}
/*----------------shopLink-------------------*/

/*----------------content Layout-------------------*/
#contentContainer {
	margin-left:20px;
	z-index:100;
}
#id_37 #contentContainer {
	margin-left:5px;
}
#contentContainer:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
/* Hides from IE-mac \*/
* html #mainContentContainer {height: 1%;}
/* End hide from IE-mac */

#leftContent {
	display: block;
	overflow: hidden;
	float:left;
	width:595px;
	padding-top:15px;
	margin-right:20px;
}
#rightContent {
	display: block;
	width: 258px;
	float:left;
	background: transparent url(../images/rightContent_BG.png) bottom left no-repeat;
	min-height:353px;
	position:relative;
	padding:3px 3px 25px 3px;
	margin-top:-162px;
}
#id_3 #rightContent, #id_5 #rightContent,#id_25 #rightContent,#id_38 #rightContent,#id_39 #rightContent,#id_52 #rightContent {
	display: none;
}
#id_3 #leftContent, #id_5 #leftContent, #id_25 #leftContent,#id_35 div.news-list-container,#id_38 #leftContent,#id_39 #leftContent,#id_52 #leftContent {
	margin-left:250px;
}
#id_6 #leftContent {
	width:220px;
}
#id_6 #rightContent {
	margin-top:0;
	width:650px;
	background:none;
	padding-top:15px;
}
#id_6 #subNav{
	display: none;
}
#wineImage {
	display: block;
	float:left;
	width:210px;
	margin-right: 10px;
}
#wineContainer {
	margin-left:230px;
}
#wineNav {
	display: block;
	margin-left:20px;
}
#wineText {
	float:left;
	margin-left:20px;
	margin-top:35px;
}

/*----------------rte Classes-------------------*/
#contentContainer p {
	line-height:18px;
	margin-top:0px;
	margin-bottom:20px;
	margin-right:25px;
}
#contentContainer h1 {
	padding-bottom:0px;
	color:#163e91;
	font-weight:bold;
	font-size:22px;
	line-height:40px;
	font-weight:normal;	
}
#contentContainer h2 {
	margin-top:10px;
	padding-bottom:8px;
	color:#000000;
	font-weight:bold;
	font-size:14px;
}
#contentContainer h3 {
	margin-bottom:10px;
	color:#575858;
	font-weight:bold;
	font-size:13px;
	line-height:18px;
	clear:both;
}
#contentContainer .csc-textpic h3 {
	clear:none;
}

#contentContainer ul {
	padding:3px 20px 8px 20px;
	line-height:20px;
	list-style:none;
}
#contentContainer ul li {
	background: transparent url(../images/bullet.gif) 0px 0px no-repeat;
	padding-left:11px;
}

/*rightContent*/
#contentContainer #rightContent h3 {
	color:#575858;
	font-weight:bold;
	font-size:13px;
	line-height:18px;
	clear:both;
	padding:0 0 0 8px;
	margin-bottom: 0px;
	margin-top:8px;
}
#contentContainer #rightContent p {
	padding:0 0 0 8px;
	line-height:16px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:25px;
}
#id_6 #contentContainer #leftContent p {
	padding:0 0 0 8px;
	line-height:16px;
	margin-top:0px;
	margin-bottom:0px;
	margin-right:25px;
}
#contentContainer #leftContent hr, #contentContainer #rightContent hr {
	margin-left:3px;
	margin-top:10px;
	margin-bottom:10px;
	margin-right:25px;
	border:none;
	color:#ccc;
	background-color: #a1a09b;
	height:1px;
}
/*rightContent*/
/*----------------rte Classes-------------------*/
/*----------------content Layout-------------------*/
#mainContent img {
	padding:2px;
}
#mainContent img.spacer-gif {
	padding:0px;
	border:none;
}

/*----------------footer-------------------*/
#footer {
	padding:0px 0px 15px 0px;
	height:25px;
	line-height:25px;
	clear:both;
	display: block;
	margin-top:25px;
	border-top:1px solid #939393;
}
#footer p {
	font-family:"Trebuchet MS",Verdana,Arial,sans-serif;
	color:#4b4a4b;
	font-size:10px;
}
#footer p a{
	text-decoration: underline;
}
#footer p a:hover{
	color:#575858;
	text-decoration: none;
}
/*----------------footer-------------------*/
/*----------------newsletter-------------------*/
#newsletterform fieldset {
	border:none;
}
#newsletterform legend {
	display:none;
}
#newsletterform .tx_powermail_pi1_fieldwrap_html_text,#newsletterform .tx_powermail_pi1_fieldwrap_html_select{
	margin-bottom:10px;
}
#newsletterform .tx_powermail_pi1_fieldwrap_html_text label,#newsletterform .tx_powermail_pi1_fieldwrap_html_select label{
	display: block;
	width: 110px;
	float:left;
	vertical-align: top;
	line-height:20px;
}
#newsletterform .tx_powermail_pi1_fieldwrap_html_text input{
	border:1px solid;
	padding:2px;
	height:16px;
	width:220px;
}
#newsletterform .formHelp {
	margin-left:110px;
}
#newsletterform .powermail_submit {
	margin-left:110px;
}
.powermail_mandatory_js {
	color:#ff0000;
	margin-left:115px;
	margin-top:5px;
}
/*----------------newsletter-------------------*/
/*----------------tip-a-friend-------------------*/
#tipForm .formField{
	margin-bottom:10px;
}
#tipForm .formField label{
	display: block;
	width: 110px;
	float:left;
	vertical-align: top;
	line-height:20px;
}
#tipForm .formField input{
	border:1px solid;
	padding:2px;
	height:16px;
	width:220px;
}
#tipForm .formField textarea{
	border:1px solid;
	padding:2px;
	height:125px;
	width:220px;
}
#tipForm .formHelp {
	margin-left:110px;
}
#tipForm .formSubmit {
	margin-left:110px;
}
/*----------------tip-a-friend-------------------*/
/*----------------news-------------------*/
#contentContainer .news-latest-item1 {
	margin-bottom:10px;
	padding-bottom:10px;
	border-bottom: 1px solid #333;
	width:240px;
}
#contentContainer .news-latest-item1 .latestImage {
	display:block;
	width:242px;
	height:171px;
	background: #ffffff url(../images/news_BG2.jpg) top left no-repeat;
}
#contentContainer .news-latest-item1 .latestHeadline a{
	background: transparent url(../images/latestHeadline_BG.png) top left no-repeat;
	display: block;
	height:23px;
	width:242px;
	position:absolute;
	top:152px;
	left:3px;
}
#contentContainer .news-latest-item1 h2 {
	font-size:12px;
	font-weight: bold;
	padding:0 0 0 8px;
	color:#000;
	margin-top:5px;
}
#contentContainer .news-latest-item1 .news-latest-text p{
	font-size:12px;
	line-height:16px;
	margin-top:0px;
	margin-bottom:0px;	
}
#contentContainer .news-latest-item1 .news-latest-morelink {
	font-style: italic;
	padding:0 0 0 8px;	
}

#contentContainer .news-latest-item2 {
	margin-bottom:20px;
	width:240px;
}
#contentContainer .news-latest-item2 h2 {
	font-size:12px;
	font-weight: bold;
	padding:0 0 0 8px;
	color:#000;
	margin-top:5px;
}
#contentContainer .news-latest-item2 .news-latest-text p{
	font-size:12px;
	line-height:16px;
	margin-top:0px;
	margin-bottom:0px;
	padding:0 0 0 8px;
	
}
#contentContainer .news-latest-item2 .news-latest-morelink {
	font-style: italic;
	padding:0 0 0 8px;	
}

.newsList {
	margin-bottom:20px;
	margin-right:25px;
	display:block;
	clear: both;
	min-height:125px;
}
.newsList .news-list-date {
	margin-top:0px;
	margin-bottom:7px !important;
	padding-bottom:3px;
	font-size:12px;
	font-weight:bold;
	border-bottom:1px solid #a6a6a3;
}
div.news-list-image {
	display:block;
	width:125px;
	height:85px;
	overflow: hidden;
	background:#fff url(../images/news_BG.jpg) top left no-repeat;
	float:left;
	margin-right:10px;
}
#contentContainer .newsList p {
	margin-bottom:2px;
}
.news-list-morelink {
	margin-left:5px;
	display: block;
}
div.news-list-browse {
	clear:both;
}
#contentContainer div.news-list-browse p {
	margin:0 5px 0 0;
	text-align:center;
}
div.news-single-timedata {
	margin-top:25px;
	border-bottom:1px solid #a6a6a3;
	padding-bottom:3px;
	margin-left:260px;
}

div.news-single-item {

}
div.news-single-img {
	float:left;
	margin-top:10px;
}
div.news-single-item2 {
	float:left;
	width:600px;
}
div.news-single-backlink {
	border-top:1px solid #a6a6a3;
	clear:both;
	padding-top:3px;
	margin-left:260px;
}
div.news-single-backlink p a{
	font-weight:bold;
}
/*----------------news-------------------*/

/* Left, center, right and justify alignment of text in block elements*/
p.align-left, td.align-left, th.align-left, h1.align-left, h2.align-left, h3.align-left, h4.align-left, h5.align-left, h6.align-left, div.align-left, address.align-left { text-align: left; }
p.align-center, td.align-center, th.align-center, h1.align-center, h2.align-center, h3.align-center, h4.align-center, h5.align-center, h6.align-center, div.align-center, address.align-center { text-align: center; }
p.align-right, td.align-right, th.align-right, h1.align-right, h2.align-right, h3.align-right, h4.align-right, h5.align-right, h6.align-right, div.align-right, address.align-right { text-align: right; }
p.align-justify, td.align-justify, th.align-justify, h1.align-justify, h2.align-justify, h3.align-justify, h4.align-justify, h5.align-justify, h6.align-justify, div.align-justify, address.align-justify { text-align: justify; }

/* Two frame examples taken from the example CSS file of CSS Styled Content extension and applied to p and table block elements.*/
p.csc-frame-frame1, table.csc-frame-frame1 { background-color: #EDEBF1; padding: 2px 4px 2px 4px; border: 1px solid #333333; }
p.csc-frame-frame2, table.csc-frame-frame2 { background-color: #F5FFAA; padding: 2px 4px 2px 4px; border: 1px solid #333333; }

/* Bullet styles for unordered lists.*/
ul.component-items { color: #186900; list-style-type: circle; }
ul.action-items { color: #8A0020; list-style-image: url(img/red_arrow_bullet.gif); }

/* Numbering styles for ordered lists.*/
ol.component-items-ordered { color: #10007B; list-style-type: lower-roman; }
ol.action-items-ordered { color: #8A0020; list-style-type: lower-greek; }

/* Three inline text colors taken from the color scheme of CSS Styled Content extension.*/
span.important { color: #8A0020; }
span.name-of-person { color: #10007B; }
span.detail { color: #186900; }

/* Selectors for the default configuration of the link accessibity feature.*/
a.external-link {}
a.external-link-new-window {}
a.internal-link {}
a.internal-link-new-window {}
a.download {}
a.mail {}

/* Default selector for indentation.*/
div.indent { margin-left: 2em; }