/**
* CSS definitions dvinio.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;
}

input.search
{ width : 150px; }

#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 : 1.2em;
	margin : 0;
}

#content h3
{
	font-size : 1em;
	margin : 0;
}

#content p
{
	margin-top : 0;
}

#wrapper
{ width : 100%; padding-bottom: 1em; }

#header
{ display : none; } 

#col_l
{ position: absolute; left : 40px;}

#col_r
{ display: none; }

#col_r select
{ width : 190px; 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; letter-spacing: -.5px; font-size: 1.2em; margin:0; }

#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 : 30px; }

#content
{ border-bottom: 1px solid #333; margin-left: 166px; padding-bottom: 1em; }

/* #content width: wide */
#content.wide
{ width: 100%; }

/* #content special design: index/home */
#content.welcome
{ background : #B20025 url(/gfx/img_welcome_wettach.jpg) no-repeat right bottom; color : #fff; padding : 0.6em; }

#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: 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;
}

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; }
	
/* 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;
}

#nav li li 
{ width: 12em; 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
{ 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; }

#content {
	clear: left;
}

#navigation
{ display : none; }

#wrapper > #navigation
{ margin-top : 1px; 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 input
{ width : 360px; }

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%; }

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 : 1.2em;
	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;
}

/* Forms */
.pricelist input, .pricelist textarea, .selectbox
{ width : 100%; }