/*
****************************************************

@project       : VOLG Weinkellereien, www.volgweine.ch
@author        : Martin Kutter @ wmk.ch
@date          : October 2004 
@version       : 1.0
@file          : vwk_main.css
@media         : Screen

---------------------------------------------------
@description   :

****************************************************
*/

body {
	font-family : Verdana,Geneva,sans-serif;
	font-size : 0.7em;
	margin : 0;
}

h1 {
	font-size : 1.2em;
	margin-top : 0;
}

h2 {
	font-size : 1.2em;
}

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

/* Horizontal ruler */
hr {
	margin-top : 1.5em;
	margin-bottom : 1.5em;
	height : 1px;
	border : 0;
	border-top : 1px solid #000;
	background : #000 ;
}

/* Paragraph formatting */
p {
	margin-top : 0;
}

.titlehistory {
	margin-bottom : 0;
}

.parahistory {
	margin-top : 0;
}

/* all href */
a:link, a:visited {
	color : #000;
	background-color : transparent;
}

a:hover, a:focus {
	text-decoration : none;
}

h1.region {
	color : #c00;
	background-color : transparent;
	text-transform : uppercase;
	letter-spacing : 0.2em;
	font-size : 1.6em;
	margin-top : 0;
}

h2.producer {
	color : #c00;
	background-color : transparent;
	letter-spacing : 0.1em;
	font-size : 1.2em;
}

/* td black */
.tdblack {
	background-color : #000;
	color : #fff;
	width : 800px;
	text-align : right;
	vertical-align : bottom;
}

/* td red --> contact form */
.tdred {
	color : #c00;
	background-color : transparent;
}

/* img header right */
.imghead {
	margin : 0 0 0 5px;
	padding : 0;
}

/* Change Cursor for Tooltip */
.help {
	cursor : help;
}

div.tooltip {
  position: absolute;
  font-size : 0.8em;
  color: #000;
  border: thin dotted #999;
  background-color: #ffc;
  visibility: hidden;
  padding: 10px;
}

/* hidden Copyright */
div.copy {
  position : absolute;
  font-size : 1em;
  color : #000;
  background-color : #fff;
  visibility : hidden;
  white-space : nowrap;
}

a.copy:link, a.copy:visited {
	color : #999;
	background-color : #fff;
	text-decoration : none;
}

a.copy:hover, a.copy:focus {
	text-decoration : underline;
	color : #000;
	background-color : #fff;
}


div#copyfooter {
	position : absolute;
	top : 300px;
	font-size : 0.8em;
}

/* MainNav Layer */
div#mainnav {
	position : absolute;
	top : 2px;
	left : 55px;
	color : #ccc;
	background-color : #000;
	text-transform : uppercase;
}

a.mainnav:link, a.mainnav:visited {
	text-decoration : none;
	color : #ccc;
	background-color : transparent;
	letter-spacing : 1px;
}

a.mainnav:hover, a.mainnav:focus {
	color : #fff;
	background-color : transparent;
}

a.active:link, a.active:visited, a.active:active {
	text-decoration : none;
	color : #fff;
	background-color : transparent;
	letter-spacing : 1px;
	font-weight : bold;
}

a.active:hover, a.active:focus {
}

a.activesub:link, a.activesub:visited, a.activesub:active {
	display : block;
	text-decoration : none;
	color : #fff;
	background-color : #999;
	padding : 2px 5px 2px 5px;
}

a.activesub:hover, a.activesub:focus {
}

/* Submenu layer */
div#submenu1 {
	position : absolute;
	top : 15px;
	left : 188px;
	background-color : #000;
	color : #fff;
	padding : 3px 0 5px 0;
	width : 140px;
	z-index : 10;
}

div#submenu2 {
	position : absolute;
	top : 15px;
	left : 268px;
	background-color : #000;
	color : #fff;
	padding : 3px 0 5px 0;
	width : 140px;
	z-index : 10;
}

a.submenu:link, a.submenu:visited {
	display : block;
	color : #fff;
	background-color : transparent;
	text-decoration : none;
	padding : 2px 5px 2px 5px;
}

a.submenu:hover, a.submenu:focus {
	color : #fff;
	background-color : #666;
}

/* Location Links */
a.location {
	color : #000;
	background-color : transparent;
}

/* Format Layer content */
div#content {
	position : absolute;
	top : 105px;
	left : 165px;
	/*left : 55px;*/
	right : 200px;
    margin: 0 1em;
}

body>#content {
	right : 0;
	margin-right : 200px;
}

/* Wine List from 'Sortiment' */
.prodlist {
	
}

/* Footer */
div#footer {
	border-top : 1px solid #000;
	text-align : right;
	font-size : 0.8em;
	margin-top : 2em;
	margin-bottom : 1em;
}

div#footer a:link, div#footer a:visited {
	text-decoration : none;
}

div#footer a:hover, div#footer a:focus {
	text-decoration : none;
	color : #ccc;
	background-color : transparent;
}

/* Layer Search */
div#search {
	position : absolute;
	visibility : visible;
	right : 10px;
	top : 100px;
	width : 170px;
	border-left : 1px solid #000;
	padding-left : 5px;
	z-index : 2;
	background-color : #fff;
	color : #000;
}
	
/* Form formatting */
fieldset {
	margin : 0;
	padding : 0;
	border : 0;
}

/* Send Button Forms */
.send {
	font-size : 1em;
	cursor : hand;
}

/* Input-Field long */
input.long {
	width : 250px;
}

/* Input-Field middle */
input.mid {
	width : 170px;
}

/* Input-Field short */
input.short {
	width : 70px;
}

/* Required Formfield (red) */
.red {
	color : #c00;
	background-color : #ffc;
}

/* Font & Size for Textarea */
textarea {
	font-family : Verdana,Geneva,sans-serif;
	font-size : 1.2em;
}

/* Textarea contact */
textarea.message {
	width : 250px;
	height : 150px;
	overflow : auto;
}

/* If error occurs, display warning */
.warning {
	color : #c00;
	background-color : transparent;
}

table, td {
	font-size : 1em;
}

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

/* <h3> in #search Layer */
div#search h3 {
	border-bottom : 1px solid #000;
	font-weight : bold;
	margin-bottom : 0.5em;
}

/* <h3>News in #search Layer */
div#search h3.news {
	border : 0 !important;
	font-weight : bold;
	margin-bottom : 0.5em;
	background-color : #c00;
	color : #fff;
	padding-top : 0.3em;
	padding-bottom : 0.3em;
	padding-left : 0.2em;
}

/* Form distance to Title*/
div#search form {
	margin-top : 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;
}

/* Sortiment */

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

/* floating layer */
div#detail {
	visibility : hidden;
	position : absolute;
	width : 500px;
	right : 20px;
	top : 60px;
	border : 2px solid #999;
	z-index : 10;
	background-color : #fff;
	color : #000;
	padding : 1em;
}

div#detail h1 {
	font-size : 1.6em;
}

div#detail h2 {
	font-size : 1.2em;
	margin-bottom : 0.2em;
}

div#detail p {
	margin-top : 0;
	margin-bottom : 0.5em;
}

.close {
	padding-bottom : 0.5em;
}

div#close {
	position : absolute;
	border-left : 2px solid #999;
	border-bottom : 2px solid #999;
	top : 0;
	right : 0;
	padding : 0.3em;
	margin-bottom : 0.3em;
	background-color : #000;
	color : #fff;
	font-weight : bold;
}

a.close:link, a.close:visited {
	text-decoration : none;
	background-color : transparent;
	color : #fff;
	font-weight : bold;
}

a.close:hover, a.close:focus {
	background-color : transparent;
	color : #ccc;
}

/* Format Qualtity Layers */
div#quercibus, div#cuparius, div#varietas, div#volgis, div#originis_rot, div#originis_weiss {
	visibility : hidden;
	position : absolute;
	top : 200px;
	left : 30%;
	width : 480px;
	color : #fff;
	border : 1px solid #000;
	padding : 1em;
	z-index : 10;
}

div#quercibus {
 	background : #999 url(/gfx/ueberuns/qualitaet/pop_quercibus.jpg) no-repeat bottom;
	height : 200px;
}

div#cuparius {
 	background : #999 url(/gfx/ueberuns/qualitaet/pop_cuparius.jpg) no-repeat bottom;
	height : 200px;
}

div#varietas {
 	background : #999 url(/gfx/ueberuns/qualitaet/pop_varietas.jpg) no-repeat bottom;
	height : 200px;
}

div#volgis {
 	background : #999 url(/gfx/ueberuns/qualitaet/pop_volgis.jpg) no-repeat bottom;
	height : 200px;
}

div#originis_rot {
 	background : #999 url(/gfx/ueberuns/qualitaet/pop_originis_rot.jpg) no-repeat bottom;
	height : 200px;
}

div#originis_weiss {
 	background : #999 url(/gfx/ueberuns/qualitaet/pop_originis_weiss.jpg) no-repeat bottom;
	height : 200px;
}

/* Quality-List */
a.speciallist:link, a.speciallist:visited {
	display : block;
	margin-top : 0.3em;
}

/* Category for Quality */
.cat {
	text-transform : uppercase;
	font-weight : bold;
	letter-spacing : 0.1em;
}

/* Font-Size for cat */
.catsize {
	font-size : 1em !important;
}

/* Title in Layer */
.cattitle {
	font-size : 1.6em;
}

/* Quality-Members */
.quercibus {
	color : #630;
	background-color : transparent;
}

.cuparius {
	color : #699;
	background-color : transparent;
}

.varietas {
	color : #c93;
	background-color : transparent;
}

.originis_rot {
	color : #936;
	background-color : transparent;
}

.originis_weiss {
	color : #9c3;
	background-color : transparent;
}

.volgis {
	color : #060;
	background-color : transparent;
}

/* Graphics left */
img.leftgraphic {
	margin-top : 5px;
	margin-right : 5px;
	margin-left : 0;
	border : 0;
}

/* Searchbar select-width */
.searchselect {
	width : 160px;
}

/* Discount price */
.discount {
	color : #f00;
	background-color : transparent;
	cursor : help;
}

/* DynamicText formatting */
.textred {
	color : #c00;
	background-color : transparent;
}

/* DynImage formatting */
.dynimg {
	float : left;
	margin : 0 0.5em 0.5em 0;
}

/* NEWS block */
.news {
	background-color : #ccc;
	color : #000;
	padding : 0.5em;
	margin-bottom : 0.5em;
}