/*
////////////////////////////////////////////////////////////////
//
// design.css 
//
// mesch.ch 
// web consulting & design Luzern www.mesch.
//
////////////////////////////////////////////////////////////////
*/


html {
height: 100%;
}

img {
border: none;
}

body {
font-family:verdana, arial;
font-size:12px;
margin:0px;
padding:0px;
background-image:url(/assets/bilder/hintergrund/bg.gif);
overflow:auto;
}

hr {
border-bottom:solid #ccc 1px;
height:1px;
border-color:#ccc -moz-use-text-color #fbefd5;
border-style:solid none;
border-width:1px 0;
}

h1 {
font-size:12px;
color: #990033;
text-transform:uppercase;
font-weight: bold;
}


p {
margin:0px;
padding:0px;
}

p,td,a,tr,span,div {
font-size:12px;
}

label {
display:block;
float:left;
margin:2px 0;
width:150px;
}

input, select {
display:block;
float:left;
margin:2px 0;
width:250px;
}

textarea {
display:block;
float:left;
height:80px;
margin:2px 0;
width:250px;
}
form br {
clear:left;
}
input#submit {
float:none;
width:100px;
}
form {
margin:0;
}

a {
color:#000000;
text-decoration:none;
margin:0px;
padding:0px;
}


a:hover {
text-decoration:underline;
}
.clear {
clear:both;
}
table.os20_details{
width:100%;
}
table.os20_details tr td{
vertical-align:top;
}
.weinsuche {
float: left;
font-family:verdana, arial;
font-size: 10px;
display:block;
margin:0px;
width:140px;
height: 15px;
border: solid 1px #dbd3c3;
}

.weinsuchebutton {
float: left;
font-size: 10px;
font-weight: bold;
padding: 1px 5px 1px 5px;
border: solid 1px #dbd3c3;
background-color: #dbd3c3;
}

#suche br {
clear:left;
}
.warenkorb {
font-size: 10px;
padding: 5px 0px 5px 10px;
border: solid 1px #dbd3c3;
}

.kasse {
font-size: 10px;
font-weight: bold;
padding-left: 10px;
border: solid 1px #dbd3c3;
background-color: #dbd3c3;
}

.produkte {
padding: 1px 5px 1px 5px;
background-color: #dbd3c3;
}

.bestellung input {
width:0px;
}

#center {
margin:auto;
position:relative;
top: 0px;
width:960px;
}

#bild   {
float:left;
position: relative;
top: 0px;
left: 0px;
width: 700px;
height: 320px;
padding-bottom: 25px;
}

#bildhome   {
position: relative;
top: 0px;
left: 25px;
width: 910px;
height: 320px;
padding-bottom: 25px;
}

#contenttop {
position:relative;
top: 0px;
width:960px;
height: 75px;
background-image:url(/assets/bilder/hintergrund/bg-oben.gif);
z-index: 1;
}
#contentbottom {
position:relative;
top: 0px;
width:960px;
height: 50px;
background-image:url(/assets/bilder/hintergrund/bg-unten.gif);
z-index: 1;
}

#fusszeile {
font-size: 10px;
padding: 20px 0px 0px 25px;
color: #666;
}

#fusszeile a {
font-size: 10px;
text-decoration: none;
color: #666;
}

#fusszeile a:hover {
color: #000;
}

#content {
position:relative;
top: 0px;
width:960px;
background-color: #fff;
z-index: 1;
}

#navoben {
position:relative;
top: 15px;
left: 0px;
width:700px;
height: 100px;
margin: 0px 0px 0px 235px;
z-index: 1;
}

#navlinks {
float: left;
position:relative;
top: 0px;
left: 25px;
width: 225px;
z-index: 1;
}

#contenttext   {
float:left;
position: relative;
top: 0px;
left: 0px;
width: 500px;
padding-bottom: 0px;
line-height: 1.5;
}

#contenttext a {
color:#990033;
text-decoration:underline;
margin:0px;
padding:0px;
}



#spalterechts   {
float:left;
font-size: 10px;
position: relative;
top: 0px;
left: 23px;
width: 175px;
padding-bottom: 15px;
line-height: 1.5;
}

#spalterechts a {
font-size: 10px;
}

#minhoehe   {
float:left;
position: relative;
top: 0px;
left: 0px;
width: 10px;
height: 450px;
}

#minhoeheindex   {
float:left;
position: relative;
top: 0px;
left: 0px;
width: 10px;
height: 250px;
}

#logo   {
position: absolute;
top: 0px;
left: 23px;
z-index:10;
}


#titel {
font-size:14px;
color: #990033;
text-transform:uppercase;
font-weight: bold;
padding-bottom: 10px;
}

.clearboth {
	clear: both;
}

/* newsletter rules */
.newsletterbox {
	clear: both;
	margin-bottom: 20px;
}
.newsletterbox h2 {
	font-size: 12px;
}
.newsletterbox input {
	width: 160px;
	border: 1px solid rgb(219, 211, 195);
}
.newsletterbox .button {
	background: rgb(219, 211, 195);
	width: 120px;
}
.newsletterbox label {
	display: block;
	float: left;
	width: 100px;
}