html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ font-family:Arial, Verdana, Helvetica, sans-serif; margin: 0; padding: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; }

body { /*line-height: 1;*/ }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

button { cursor:pointer; }

.hide { display:none; }

.clear { clear:both; }

/*html, body { height:100%; } */

body { background:#ccc; text-align:center; padding-top:20px; }

/* #clearfix { width:1px; height:50%; margin-bottom:-275px; float:left; } */

/*************************************************** Type (Schriften) */

h1, h2, p, ul, ol, address { margin-bottom:15px; }
h1 { margin-bottom:10px; }

h1, h2, h3, h4, p, li, address, td, label, span, div { line-height:22px;  }

h1, h2, h3, h4 { line-height:18px; color:#913342; }
h1 { font-size:18px; line-height:22px; font-weight:normal; }
h2 { font-size:12px; margin-bottom:10px; }
h3 { font-size:12px; color:#000; }
h4 {font-size:12px; }
p, li, td, th, label, address { font-size:12px; line-height:18px; }
h2, h3, p, li, td, label, address, #head div.contact {  }
address { font-style:normal; font-size:10px; text-align:center; }
address span, address div, address { line-height:18px; }

address span.title { text-transform:uppercase; }

ol li { list-style-type:decimal; margin-left:20px; }
ol li li { list-style-type:circle; }
ul li { list-style-type:disc; margin-left:15px; }
ul li li{ list-style-type:circle; }

th { text-align:left; }
td { padding-right:8px; vertical-align:top; }

/********** Links */

a { color:#913342; font-weight:bold; text-decoration:underline; }
a:hover, a.focus, a.active { color:#000; }

/*************************************************** layout */

div.wrapper { margin:0 auto; position:relative; text-align:left; width:800px; height:600px; border:1px solid #913342; }

#logo, #pgtitle, #goback, #images, #content, #shop, #webmaster, #nav li { position:absolute; }


/****** Header */

#logo { right:70px; top:10px; width:200px; }
#logo.home { top:159px; right:22px; width:auto; }
#logo h1 { margin:0; line-height:20px; }
#logo a { background:url(logo.gif) no-repeat; width:151px; height:52px; border:0 none; margin:0 auto; }

#pgtitle { top:10px; left:268px; }
#pgtitle h2 { font-size:18px; line-height:20px; font-weight:normal; }

#goback { top:4px; left:8px; }
#goback a { text-decoration:none; font-size:10px; }

/****** Content */

#images { top:80px; left:0; width:798px; height:133px; border:1px solid #913342; }
#images .wines a, #images .wines img { display:block; width:98px; height:131px; }
#images .wines a { float:left; border:1px solid #913342; }
#images .wines a.end, #images .wines a.end img { width:96px; }
#images .wines img { border:0 none; }

#images .band img { display:block; width:264px; height:131px; float:left; border:1px solid #913342; }

#content, #shop { width:530px; height:350px; left:270px; top:250px; overflow:auto; }
#shop { width:780px; left:20px; height:320px; }
#content .padder, #shop .padder { padding:0 20px 30px 0; }

#content table { width:100%; }
#content td { padding:4px 8px 4px 0; }

#shoptable .jahrgang { width:80px; }
#shoptable .inhalt { width:60px; }
#shoptable .anzahl { width:60px; }
#shoptable .preis { width:200px; }

#shoptable .title h2 { margin:0; }

#shoptable .lieferbar { padding-top:10px !important; padding-bottom:10px !important; }

/****** Footer */

#webmaster { left:8px; bottom:4px; }
#webmaster a { text-decoration:none; font-size:10px; text-transform:uppercase; }


/*************************************************** Navs */

#nav li, #nav ul { margin:0; }
#nav li { list-style-type:none; width:97px; height:97px; overflow:hidden; }
#nav a { text-align:center; font-size:13px; padding-top:70px; display:block; width:97px; height:27px; text-decoration:none; background:#913342; color:#913342; }
#nav a:hover, #nav a:focus, #nav a.active { background:#fff; }
#navbtn0, #navbtn1, #navbtn2, #navbtn3, #navbtn4, #navbtn5 { top:212px; }
#navbtn6 { top:340px; }

#navbtn0 { left:19px; }
#navbtn1 { left:152px; }
#navbtn2 { left:285px; }

#navbtn3 { right:285px; }
#navbtn4 { right:152px; }
#navbtn5, #navbtn6 { right:19px; }

/*************************************************** Formulare generell */

form { padding:0 0 0 0; }

label, select, button, input, textarea { font-size:12px; }
label { line-height:22px; }

input, textarea { width:150px; background:#fff; border:1px solid #a5acb2; padding:2px; }
select { height:21px; }
textarea { width:300px; margin-bottom:4px; }
input.radio { width:auto; margin-bottom:0; }

p.errormsg, p.successmsg { clear:both; padding:2px 6px; margin:5px 0 20px 0; color:#fff; border:3px double #fff;  }
p.errormsg { background-color:#cc0000; }
p.successmsg { background-color:#97bf0d; }
p.inform { margin:0 0 5px 120px; width:358px; }

button { font-size:14px; }

/*************************************************** Formulare Shop */

#shopform td { padding-bottom:4px; }
#plz { width:30px; margin-right:2px; }
#ort { width:109px; }

#shoptable input.anzahlInp, #shoptable select.inhaltInp { width:50px; }
#shoptable select.jahrgangInp { width: 70px; }