/**
* CSS definitions divinio.ch
* Output : Screen
* Author : Martin Kutter @ wmk.ch
* Date   : January 2007
* Version: 1.0
*
**/

html
{ overflow : auto; }

body
{ font: 0.7em Verdana, sans-serif;margin: 10px; }

p
{ line-height: 1.4em; }

/* Horizontal ruler */
hr {
	height : 1px;
	border: 0;
	color : #666;
	background : #666;
}

table
{ margin-bottom : 1em; }

#content a:link, #content a:visited
{ color : #000; background-color: #fff; }

#content a:hover, #content a:focus
{ text-decoration : none; }

/* Form formatting */
fieldset, form 
{
	margin : 0;
	padding : 0;
	border : 0;
}

textarea, input, select
{ font-family : Arial; font-size: 1.1em; }

input:focus, textarea:focus
{ background-color: #efefef; }

input.search
{ width : 150px; }

/* Content */

#content h1
{
	color : #c00;
	background-color : transparent;
	text-transform : uppercase;
	letter-spacing : 0.2em;
	font-size : 1.6em;
	margin-top : 0;
}

#content h1.subTitle
{
	color : #c00;
	background-color : transparent;
	text-transform : none;
	font-size : 1.2em;
	margin-top : 0;
}

#content h2
{
	font-size : 1em;
	margin : 0;
}

#content h3
{
	font-size : 1em;
	margin : 0;
}

#content p
{
	margin-top : 0;
}

#wrapper
{ width : 980px; padding-bottom: 1em; }

#header
{ background-color: #B20025; text-align: right; height: 75px;} 

#col_l
{ position: absolute; left : 40px;}

#col_r
{ position: absolute; top: 130px ;width: 200px; border-left: 1px solid #666; left: 780px; padding-left: 5px; padding-bottom : 10px;}

#col_r select
{ width : 200px; margin:0; margin-bottom: 10px; }

#col_r h1
{ font-family: Arial; background-color : #999; color : #fff; font-size: 1.2em; padding : 3px; margin:0; margin-bottom : 10px; }

#col_r h2
{ font-family: Arial; font-size: 1.2em; margin:0; font-weight: normal !important; }

#col_r ul
{ list-style: none; padding: 0; margin: 0; }

#col_r ul li
{ padding: 2px; border-bottom: 1px dotted #ccc; }

#col_r li a
{ text-decoration: none; padding: 2px; display: block; color : #666; }

#col_r li a:hover
{ background-color: #ddd; color : #000; }

#stage 
{ margin-top : 23px; }

#content
{ border-bottom: 1px solid #333; margin-left: 166px; width: 400px; padding-bottom: 1em; }

/* #content width: wide */
#content.wide
{ width: 580px; }

/* #content special design: index/home */
#content.welcome
{ background : #B20025 url(/gfx/img_welcome_wettach.png) no-repeat right bottom; color : #fff; padding : 0.6em; border : 0; }

#content.welcome h1, #content.welcome a:link, #content.welcome a:visited
{ background-color : #B20025; color : #fff; text-decoration: none; }

#content.welcome a:hover, #content.welcome a:focus
{ color : #ccc; }

#content.welcome p
{ width : 380px; }

#content.welcome ul
{ 
	padding: 0;
	margin: 2em 0 0 0;
	list-style: none;
	width : 160px;
}

#content.welcome li
{ 
	font-size : 1.1em;
	font-weight : bold;
	padding: .3em 0 .3em 0;
	border-top : 1px solid #fff;
}

#content.welcome li.bborder
{ 
	border-bottom : 1px solid #fff;
}

a img 
{ border: none; }

a.more:link, a.more:visited
{ font-weight: bold; color: #c00; background-color: transparent; }

a.more:hover, a.more:focus
{ text-decoration: none; }

img.thum
{ border: 1px solid #ccc; padding: 2px; }

img.border
{ border : 1px solid #666; }
	
/* navigation */
#navigation ul { /* all lists */
padding: 0 0.3em 0 0.3em;
margin: 0;
list-style: none;
}

#nav li { /* all list items */
	float: left;
	position: relative;
	padding : .4em .6em .4em .5em;
	text-transform : uppercase;
	/*border-top : 3px solid #000;*/
}

#nav li ul { /* second-level lists */
	display: none;
	position: absolute;
	top: 1.9em;
	left: 0;
	margin-left : -.3em;
	z-index : 99;
}

#nav li li 
{ width: 13em; text-transform : none; padding : 0; border:0; font-weight : normal; background-color : #666; }

#nav li>ul { /* to override top and left in browsers other than IE, which will position to the top right of the containing li, rather than bottom left */
	top: 2em;
}

#nav li:hover ul, #nav li.over ul { /* lists nested under hovered list items */
	display: block;
	width : 10em;
}

#nav li:hover, #nav li.over, #nav li.current
{ /*border-top : 3px solid #c00;*/ background-color : #666; }

#nav li.current.press_active
{ background-color : #B20025; }

#nav li.current
{ font-weight : bold; }

#nav li li:hover
{ border:0; }

#nav a
{ display: block; }

#nav li li a
{ padding : .4em; }

#nav li li a:hover, #nav li li a.current
{ background-color : #000; }

#nav li.caveau
{
	background-color: #fff;
}

#nav li.caveau a
{
	color: #B20025;
}

#content {
	clear: left;
}

#navigation
{ background-color : #000; color : #fff; width: 815px; margin-left : 165px; }

#wrapper > #navigation
{ height : 1.95em; }

#navigation a
{ color : #fff; text-decoration: none; }

/* Shopping Cart Button Wine detail */
.cart
{
	margin-top : 2em;
	border : 1px solid #000;
	width : 15em;
	background : #000 url(/gfx/icon_cart_white.gif) no-repeat right;
	padding : .5em .5em .5em 0;
}

.cart a
{ text-decoration : none; background-color : #fff; color : #000; font-weight : bold; padding : 0.5em; }

.cart a:hover 
{ color : #fff !important; background-color : #000 !important; }

/* AGB <th> */
th {
	text-align : left;
	background-color : #ccc;
	color : #000;
	border-bottom : 1px solid #000;
	padding : 5px 10px 5px 3px;
}

/* AGB <td>-formatting */
td.agb {
	border-bottom : 1px solid #000;
	padding : 5px 10px 5px 3px;
}

/* From classes */
.selection /* Selection header forms */ 
{ font-weight : bold; border-bottom : 1px solid #000; padding-bottom : 0.3em; line-height : 1em; margin:0; }

.pricelist
{ margin-top : 2em; }

.pricelist th
{ vertical-align : top; background-color : #fff; border : 0; font-weight : normal; }

.pricelist input, .pricelist textarea, .selectbox
{ width : 300px; }

.selectbox
{ width : 305px; }

.pricelist textarea
{ height : 100px; }

input.field_number
{ width : 30px; }

input.send
{ width : auto !important; }

/* Table formatting */
td.align_right 
{ text-align : right; }

td.align_top 
{ vertical-align : top; }

/* Wine List from 'Sortiment' */
.prodlist /*Table*/
{ width : 100%; }

/* Reset 'input' dimension */
.dimreset
{ width : auto !important; }

td.bottle 
{
	border-top : 1px solid #000;
	border-bottom : 1px solid #000;
	width : 80px;
}

td.flag 
{
	border-top : 1px solid #000;
	text-align : center;
}

td.country 
{
	border-bottom : 1px solid #000;
	text-align : center;
}

td.producer 
{
	border-bottom : 1px solid #000;
	font-weight : bold;
}

td.bottom 
{
	border-bottom : 1px solid #000;
}

td.grey 
{
	background-color : #ccc;
	color : #000;
}

td.type 
{
	border-top : 1px solid #000;
	font-weight : bold;
	text-transform : uppercase;
}

.type 
{
	color : #c00;
	background-color : transparent;
	font-weight : bold;
	text-transform : uppercase;
}

img.noborder 
{ border : 0; }

/* Wine List */
td.top 
{
	border-top : 1px solid #000;
}

td.shopcart 
{
	background-color : #ccc;
	color : #000;
	vertical-align : bottom;
	text-align : center;
	border-top : 1px solid #000;
	border-bottom : 1px solid #000;
}


td.name 
{
	font-size : 1em;
	font-weight : bold;
	border-top : 1px solid #000;
}

a.name:link, a.name:visited 
{
	color : #000;
	background-color : transparent;
}

a.name:hover, a.name:focus 
{
	color : #000;
	background-color : #ccc;
}

/* Discount price */
.discount {
	color : #B20025;
	background-color : transparent;
	cursor : help;
}

/* News/Press etc. item list */
.news
{ border-top : 1px solid #000; padding-top: 1em; padding-bottom: 1em; }

/* Press/News date */
.light
{ font-weight:normal !important; }

/* Hint, Tipp */
.tipp
{ color : #f30; background-color : #ffc; font-weight : bold; }

/* Name label home-page */
.plabel
{ text-align : right; margin-right : 2em; }

/* Image Gallery */
#gallery_sidebar
{ position: absolute; left: 600px; top: 165px; }

#gallery_sidebar h2
{ margin-bottom: 1em; }

#gallery_sidebar p
{ border: 1px solid #ccc; padding: .5em; width: 130px; text-align: center; }

.thumb_preview
{ margin-top: 1em; border: 1px solid #ccc; padding: .5em; background-color: #fff; }

.thum_team
{ margin-right : 1em; float:left;padding:.5em;border:1px solid #ccc; }


/* Press (cug) */
.fileext {
	background: transparent url(/gfx/sprite_fileext.png) no-repeat;
    width: 20px;
    height: 20px;
    padding: 0 20px 5px 0;
	margin-right: 5px;
}

.doc, .docx {
    background-position: -20px 0px;
}

.pdf {
	background-position: -40px 0px;
}

.ppt, .pptx {
	background-position: -60px 0px
}

.xls, .xlsx {
	background-position: -80px 0px
}

.img-action {
	background: transparent url(/gfx/sprite_img_action.png) no-repeat;
    width: 20px;
    height: 20px;
    padding: 0 20px 5px 0;
	margin-right: 5px;
}

.download {
	background-position: -20px 0px;
	cursor: pointer;
}

.info {
	background-position: -40px 0px;
	cursor: pointer;
}

.press-doc-item {
	margin-left: 1em;
	margin-top: 1em;
}


/* Cavaeau DIVINO */
ul.caveau-services
{
	margin: 1em 0;
	padding: 0;
	list-style: none;
}

ul.caveau-services li
{
	margin: .1em 0;
	padding: .2em 0 .2em 2em;
	border: 1px solid #fff;
	line-height: 1.3em;
	background: #fff url(../gfx/check.png) no-repeat left center;
}

ul.caveau-services li:hover
{
	border: 1px solid #6c6;
	background-color: #cfc;
}

ul.caveau-hours
{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

ul.caveau-hours li span
{
	width: 100px;
	display: inline-block;
}

#caveau-gallery 
{
	position: absolute;
	left: 550px;
	top: 30px;
	padding: 1em;
	background-color: #efefef;
	border: 1px solid #ddd;
}

