/* ::::: http://www.weingut-franzen.de/design/css/undohtml.css ::::: */

*:link, *:visited { text-decoration: none; color: inherit; }
ul, ol { list-style-type: none; list-style-image: none; list-style-position: outside; }
li { display: block; }
h1, h2, h3, h4, h5, h6, pre, code { font-size: 1em; }
ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, body, html, p, blockquote, fieldset, input, dl, dt, dd { margin: 0pt; padding: 0pt; }
a img, *:link img, *:visited img { border: medium none ; }
address { font-style: normal; }

/* ::::: http://www.weingut-franzen.de/design/css/design.css ::::: */

/* Farben:
 *
 *  braun:
 *   dunkel     : #A4783E
 *   mittel     : #EDD8BA
 *   fast hell  : #FBEBD1
 *   ganz hell  : #FFF0D8
 *  rot:
 *   dunkel     : #CC0000
 *   hell       : #CC6666
 *
 * * * * * * * * * * * * * */

html
  {
    background      : url(../gfx/wellen.gif) top left repeat-y fixed #FFF0D8;
    font            : 100%/1.4 Times New Roman, Times, serif;
    color           : black;
    overflow-y    : scroll;
    height      : 100%;
  }

body
  {
    height: auto !important;
    height: 100%;
    min-height: 100%;
    position: relative;
  }

body::after
  {
    content: '.';
    display: block;
    clear: both;
    height: 0;
    font-size: 0;
    line-height: 0;
    visibility: hidden;
  }

#wrapper
  {
    padding         : 45px 40px 20px 220px;
  }

#logo
  {
    display         : none;
  }

#navigation h2
  {
    left            : -1000px;
    position        : absolute;
  }

#navigation
  {
    float: left; display: inline;
    margin-left     : -200px;
    width           : 160px;
    padding-bottom: 70px; /* Höhe des Footers + etwas Abstand */
    background      : url(../gfx/logo_text.gif) top left no-repeat;
    margin-top: -100px;
  }
#navigation ul
  {
    padding         : 0 20px;
    margin          : 0;
    background      : url(../gfx/logo_bild.gif) 0px 47px no-repeat;
    padding-top     : 242px; /* 195 + 47 */
  }
#navigation li
  {
    padding         : 4px 0;
  }

#navigation li ul
  {
    margin          : 0;
    padding         : 0;
    background      : none;
  }

#navigation a
  {
    display         : block;
    font-family     : Arial, Helvetica, sans-serif;
    font-size       : 0.8em;
    font-weight     : bold;
    margin          : 0;
    color           : #A4783E;
    background      : #FBEBD1;
    border          : 1px solid #EDD8BA;
    padding         : 3px 5px;
  }

* html #navigation a
  {
    /* IE macht zu viel Abstand */
    line-height     : 1;
    padding         : 0 5px 2px;
  }

#navigation li ul a
  {
    margin          : 0;
    margin-left     : 20px;
    font-size       : 0.7em;
    padding         : 2px 5px;
    line-height     : 1.2;
  }

* html #navigation li ul a
  {
    /* IE macht zu viel Abstand */
    height          : 1em;
    line-height     : 1;
    padding         : 3px 5px;
  }

#navigation li li
  {
    padding         : 2px 0 1px 0;
  }

#navigation a:hover,
#navigation a:focus
  {
    background      : #EDD8BA;
  }

#navigation a:active,
#navigation strong a
  {
    background      : #A4783E !important;
    border-color    : #A4783E !important;
    color           : #FBEBD1 !important;
  }

#skiplink
  {
    position        : absolute;
    left            : -1000px;
  }

#skiplink a:focus,
#skiplink a:active
  {
    height          : auto;
    left            : 200px;
    top             : .5em;
    background      : #EDD8BA;
    color           : black;
    border          : 1px solid #EDD8BA;
    padding         : 3px;
    line-height     : 1em;
  }

address
  {
    position        : absolute;
    left            : 20px;
    bottom          : 0;
    width           : 160px;
    height          : 47px;
    background      : black;
    color           : #A4783E;
    font-family     : Arial, Helvetica, sans-serif;
    font-size       : 0.7em;
    text-align      : center;
    padding         : 2px 0;
    margin      : 0 !important;
  }

* html address
  {
    /* unteren Abstand im IE umgehen */
    bottom   : -1px;
  }

#content.withsidebar #maincontent
  {
    /* Inhalt mit Sidebar hat Abstand rechts */
    margin-right    : 240px;
  }

#content.withiframe #maincontent
  {
    margin-right    : 320px;
  }

#sidebar
  {
    float           : right;
    top             : -1em;
    width           : 200px;
  }

#sidebar div
  {
    margin-bottom   : 1.2em;
  }

#sidebar div.img img
  {
    display         : block;
  }

#sidebar div.img p
  {
    background      : #EDD8BA;
  }

.box
  {
    padding         : 10px;
    background      : #EDD8BA;
  }

.box h2
  {
    margin          : -10px; /* neutralisiert .box-Padding */
    margin-bottom   : 10px;
    padding         : 6px 10px;
    background      : #A4783E;
    line-height     : 1em;
    color           : #FFF0D8;
  }

/* Für den grandiosen iFrame */
iframe.x {
    border          : 0;
    position        : absolute;
    top             : 0;
    left            : 220px;
    right           : 0;
    bottom          : 0;
    background      : #FFF0D8;
}

* html iframe.x {
    width           : expression(document.body.clientWidth-220+'px');
    height          : expression(document.body.clientHeight+'px');
}


/* ::::: http://www.weingut-franzen.de/design/css/content.css ::::: */

/* Farben:
 *
 *  braun:
 *   dunkel     : #A4783E
 *   mittel     : #EDD8BA
 *   fast hell  : #FBEBD1
 *   ganz hell  : #FFF0D8
 *  rot:
 *   dunkel     : #CC0000
 *   hell       : #CC6666
 *
 * * * * * * * * * * * * * */

h1, h2, h3, h4, h5, h6, ul, ol, dl, table, p
  {
    margin          : 0 0 1.4em;
  }

h1
  {
    font-size       : 1.6em;
    margin          : 0;
    height      : 55px;
    color           : #A4783E;
  }

h2
  {
    font-size       : 1.2em;
    margin          : 0 0 1.16em;
    color           : #A4783E;
  }

h3
  {
    font-size       : 1.0em;
    margin          : 0 0 0.5em;
    color           : #A4783E;
  }

.box
  {
    font-size       : 0.8em;
  }

.box div,
.box h3,
.box p
  {
    margin          : 10px 0 0;
  }

.box div.line
  {
    padding-bottom  : 10px;
    border-bottom   : 1px solid #A4783E;
  }

.box div div
  {
    margin          : 0;
    clear           : left;
  }

.box img.horizontal
  {
    float           : left;
    margin-right    : 10px;
  }

.box img.vertical
  {
    display         : block;
  }

#content a
  {
    font-weight     : bold;
    color           : #E17100;
    text-decoration : none;
  }

#content a:hover
  {
    text-decoration : underline;
  }

#content .backlink a
  {
    font-family     : Arial, Helvetica, sans-serif;
    font-size       : 0.8em;
    font-weight     : bold;
    margin          : 0;
    color           : #A4783E;
    border          : 1px solid #A4783E;
    background      : url(../gfx/goback.gif) left center no-repeat;
    padding         : 1px 8px 1px 26px;
  }

#content .backlink a:hover
  {
    text-decoration : none;
  }

#maincontent div
  {
    margin          : 1.4em 0;
  }

#maincontent div.listitem
  {
    overflow        : hidden;
  }

/* !IE/Mac -- \*/
* html #maincontent div.listitem
  {
    overflow        : visible;
    height          : 1%;
  }
/* -- !IE/Mac */

#maincontent div h3
  {
    font-size       : 1em;
    font-weight     : bold;
    margin          : 0;
    color           : #A4783E;
  }

#maincontent div p
  {
    margin          : 0;
  }

#maincontent div p.listsub
  {
    color           : #A4783E;
    font-size       : 0.8em;
    font-style      : italic;
  }

#sidebar div.img p
  {
    font-size       : 0.7em;
  }

#content #footer p
  {
    border-top      : 1px solid #A4783E;
    padding-top     : 1px;
    font-family     : Arial, Helvetica, sans-serif;
    font-size       : 0.7em;
    color           : #A4783E;
  }

#content #footer p a
  {
    font-weight     : normal;
  }

/* Bild-Klassen */

img
  {
    border          : 0;
  }

img.left
  {
    float           : left;
    margin          : 0 !important;
    margin-right    : 10px !important;
  }

img.right
  {
    float           : right;
    margin          : 0 !important;
    margin-left     : 10px !important;
  }

img.block
  {
    display         : block;
    margin          : 0 !important;
    margin-bottom   : 10px !important;
  }

/* Listen */

div#content ul
  {
    padding-left: 20px;
    list-style-type: disc;
  }

div#content ul li
  {
    display: list-item;
    margin: 0.1em 0;
  }

/* Tabellen */

td,
th
  {
    text-align      : left;
    vertical-align  : top;
  }

td.ra
  {
    text-align      : right;
  }

.cart td,
.cart th
  {
    font-size       : 0.8em;
    font-weight     : normal;
    border-bottom   : 1px solid #D1B590;
    padding         : 4px 20px 4px 2px;
  }

.cart th
  {
    font-weight     : bold;
    color           : #A4783E;
  }

.cart input.text
  {
    width           : 2em;
    border          : 0;
    text-align      : right;
  }

/* Weinliste */

#content .weinliste
  {
    width       : 32em;
  }

#content .weinliste td
  {
    padding         : 0 1em 1em 0;
  }

#content .weinliste td.category,
#content .weinliste td.cart
  {
    padding-right   : 0;
  }

#content .weinliste .category h2
  {
    margin          : 0 0 0.4em;
    border-bottom   : 2px solid #A4783E;
    font-size       : 1.1em;
  }

#content .weinliste .category h2 a
  {
    float           : right;
    margin-top      : -1.1em;
  }

#content .weinliste .category p
  {
    margin          : 0.4em 0 0;
  }

#content .weinliste h5
  {
    margin          : 0 0 0.2em;
    font-weight     : bold;
  }

#content .weinliste p
  {
    margin          : 0 0 0.2em;
  }

#content .weinliste .preis
  {
    font-weight     : bold;
  }

#content .weinliste .preis .grund
  {
    font-weight     : normal;
  }

#content .weinliste .text p,
#content .weinliste .grund
  {
    font-size       : 0.8em;
  }

#content .weinliste .grund
  {
    color           : #A4783E;
  }

#content .weinliste .jahrgang,
#content .weinliste .inhalt,
#content .weinliste .preis,
#content .weinliste .cart
  {
    text-align      : right;
    white-space     : nowrap;
  }

#content .weinliste .cart a
  {
    display         : block;
    margin          : 0.2em 0 0;
    padding         : 0.2em 0.4em;
    background      : #E17100;
    color           : #FFF0D8;
    font-family     : Arial, Helvetica, sans-serif;
    font-size       : 0.6em;
    font-weight     : normal;
  }

#content .weinliste .cart a:hover
  {
    text-decoration : none;
  }

#content ul.categorylist
  {
    list-style-type : square;
    list-style-type : square;
    padding-left    : 20px;
  }

#content ul.categorylist li
  {
    display         : list-item;
    padding-top     : 4px;
  }

#content .weindaten
  {
    border-top      : 1px solid #D1B590;
  }

#content .weindaten td
  {
    font-size       : 0.8em;
    border-bottom   : 1px solid #D1B590;
    padding         : 4px 20px 4px 2px;
  }

#content .weindaten td.value
  {
    padding-right   : 2px;
  }

#content #preis span
  {
    color           : #A4783E;
  }

#content #add2cart input.text
  {
    width           : 40px;
    text-align      : right;
  }

/* Formulare */

.form td
  {
    font-size       : 0.8em;
    padding         : 4px 20px 4px 0;
  }

.form tr.error td.label
  {
    font-weight     : bold;
    color           : #CC0000;
  }

.form td.value
  {
    padding-right   : 0px;
  }

.form td.label
  {
    vertical-align  : middle;
  }

.form td.multiline
  {
    vertical-align  : top;
  }

input.text, select, textarea
  {
    border          : 0;
    background      : #FFFAF2;
    border-left     : 1px solid #D1B590;
    border-bottom   : 1px solid #D1B590;
    padding         : 2px 5px;
    font            : inherit;
  }

select
  {
    padding         : 1px 0;
  }

input.button
  {
    background      : #E17100;
    border          : 1px solid #FFF0D8;
    padding         : 2px 10px;
    color           : #FFF0D8;
    cursor          : pointer;
  }

/* Expertisen */

#content .expertise
  {
    border          : 1px solid #D1B590;
    border-top      : 5px solid #D1B590;
    font-size       : 0.8em;
  }

#content .expertise p
  {
    margin          : 0;
    padding         : 10px;
  }

#content .expertise div
  {
    margin          : 0;
    border-bottom   : 1px solid #D1B590;
    padding         : 2px;
  }

#content .expertise div p,
#content .expertise div h4
  {
    margin          : 0;
    padding         : 3px 8px 1px;
    background      : #EDD8BA;
  }

#content .expertise div h4
  {
    font-weight     : bold;
    margin-top      : 1px;
  }

/* G?stebuch */

#content .guestbook div
  {
    border          : 1px solid #D1B590;
    border-top      : 5px solid #D1B590;
    padding         : 2px;
    font-size       : 0.8em;
  }

#content .guestbook div h4
  {
    margin          : 0;
    padding         : 3px 10px 1px;
    background      : #EDD8BA;
  }

#content .guestbook div p
  {
    margin          : 0;
    padding         : 10px;
  }

/* Bildergalerie */

#content .gallery p.thumb
  {
    margin          : 0 10px 10px 0;
    border          : 1px solid #EDD8BA;
    float           : left;
    width           : 140px;
    height          : 140px;
    text-align      : center;
    vertical-align  : center;
  }

* html #content .gallery p.thumb
  {
    width           : 142px;
    height          : 142px;
  }

#content .gallery p.thumb img
  {
    margin          : 10px;
  }

#content .gallery p.zoom
  {
    margin          : 0;
  }

#content .gallery p.zoom img
  {
    margin          : 0;
  }