/*
 * Styles for Weingut Rudolf Hoffmann
 *
 * (c) 2005 T. J. Domsalla
 *
 * V1.0   050708  tj  initial version
 */

    html
    {
      width: 100%;
      height: 100%;
      margin: 0px; padding: 0px; border-width: 0px;
      font-size: 12px;
    }

    body
    {
      position: relative;
      top: 0px;
      left: 0px;
      width: 100%;
      margin: 0px; padding: 0px; border-width: 0px;
      font: normal 100% Verdana, Helvetica, sans-serif;
      color: #303933;
      background-color: #696069;
    }

    p, div, span, table, tr, td, textarea
    {
      font: normal 100% Verdana, Helvetica, sans-serif;
    }

    h1, h2, h3, h4, h5, h6
    {
      margin: 2.5ex 0ex 1.25ex 0ex;
      padding: 0px;
      font-size: 100%;
      font-weight: bold;
      color: #303933;
    }

    h1 { font-size: 150%; color: #933; }
    h2 { font-size: 125%; color: #933; }
    h3 { font-size: 115%; }
    h4 { font-size: 110%; }
    h5 { font-size: 100%; font-weight: normal; color: #933; }
    h6 { font-size: 100%; font-weight: normal; color: #000; }

    p,
    p.bodytext
    {
      margin: 0.5ex 0ex 0.1ex 0ex;
      padding: 0px;
    }

    label
    {
      display: none;
    }

    span.it
    {
      font-style: italic;
    }

    div.csc-header,
    div.csc-header-nl
    {

    }

    /********************/

    #BodyFrame
    {
      position: relative;
      margin: 0px 2% 0px 2%; padding: 0px; border-width: 0px;
      background-color: #FCF9E9;
    }

    /********************/

    #TopFrame
    {
      position: relative;
      height: 2.75ex;
      margin: 0px;
      padding: 0px 8px 2px 8px;
      border-width: 0px;
      text-align: right;
      color: #505956;
      background-color: #E9E3E3;
    }

    /********************/

    #MainFrame
    {
      position: relative;
      margin: 0px;
      padding: 0px;
      border-left: 64px solid #933;
      background-color: #FCF9E9;
    }

    /********************/

    #BottomFrame
    {
      height: 3.0ex;
      margin: auto 0px;
      padding: 1px 8px;
      border-width: 0px;
      color: #606966;
      background-color: #E9E3E3;
      text-align: center;
      font-size: 10px;
      letter-spacing: 0.5px;
      word-spacing: 0.05em;
      overflow: hidden;
    }

    /********************/

    #HeadTop
    {
      position: relative;
      height: 104px;
     height:  80px;
      margin: 0px;
      padding: 0px;
      border-left: 64px solid #A33;
      color: #FCF9E9;
      background: #FCF9E9 url(../img/title.gif) no-repeat right center;
    }

    #HeadImg
    {
      position: relative;
      height: 168px;
     height: 128px;
      margin: 0px;
      padding: 0px;
      background: #FFF url(../img/head1.jpg) repeat-x left center;
    }

    /********************/

    #MainMenu
    {
      float: left;
      position: relative;
      width: 240px;
      margin: 0px; padding: 0px;
      background: #FFF url(../img/1x1.gif) left repeat-y;
    }
    #MainMenuCont
    {
      padding: 5ex 1.5ex 4ex 2.5ex;
    }

/*
    <ul id="MainMenuItems">
      <li class="MainMenuEntry0"><a href="#">Home</a></li>
      <li class="MainMenuEntry0Act"><a href="#">Impressum</a>
        <ul>
          <li class="MainMenuEntry1Cur"><a href="#">Unternehmen</a></li>
          <li class="MainMenuEntry1"><a href="#">Kontakt</a></li>
        </ul>
      </li>
*/

    ul#MainMenuItems
    {
      margin: 0px; padding: 0px;
      list-style: none;
      line-height: 200%;
      font-weight: bold;
      font-size: 110%;
    }

    ul#MainMenuItems li
    {
      margin: 0px; padding: 0px; border-width: 0px;
    }

    ul#MainMenuItems li.MainMenuEntrySpc
    {
      margin: 0px !important;
      margin-top: -0.75ex;
      padding: 0px; border-width: 0px;
      border-top: 1px solid #E9E3E3;
      line-height: 0ex;
      height: 1.5ex !important;
    }

    ul#MainMenuItems li a,
    ul#MainMenuItems li a:link,
    ul#MainMenuItems li a:hover,
    ul#MainMenuItems li a:focus,
    ul#MainMenuItems li a:active,
    ul#MainMenuItems li span
    {
      padding-left: 14px;
      border-width: 0px;
      text-decoration: none;
      color: #404943;
      font-weight: bold;
    }

    ul#MainMenuItems li.MainMenuEntry0Sub a,
    ul#MainMenuItems li.MainMenuEntry0Sub a:link,
    ul#MainMenuItems li.MainMenuEntry0Sub a:hover,
    ul#MainMenuItems li.MainMenuEntry0Sub a:focus,
    ul#MainMenuItems li.MainMenuEntry0Sub a:active,
    ul#MainMenuItems li.MainMenuEntry0Sub span
    {
      padding-right: 10px;
      background: url(../img/hassubmenu.gif) no-repeat right bottom;
    }

/*
    ul#MainMenuItems li.MainMenuEntry0Act a,
    ul#MainMenuItems li.MainMenuEntry0Act a:link,
    ul#MainMenuItems li.MainMenuEntry0Act a:hover,
    ul#MainMenuItems li.MainMenuEntry0Act a:focus,
    ul#MainMenuItems li.MainMenuEntry0Act a:active,
*/
    ul#MainMenuItems li.MainMenuEntry0Act span,
    ul#MainMenuItems li.MainMenuEntry0Cur a,
    ul#MainMenuItems li.MainMenuEntry0Cur a:link,
    ul#MainMenuItems li.MainMenuEntry0Cur a:hover,
    ul#MainMenuItems li.MainMenuEntry0Cur a:focus,
    ul#MainMenuItems li.MainMenuEntry0Cur a:active,
    ul#MainMenuItems li.MainMenuEntry0Cur span
    {
      padding-right: 10px;
      background: url(../img/hassubmenuact.gif) no-repeat right bottom;
    }

    ul#MainMenuItems li a:hover
    {
      color: #000;
      background: url(../img/menuar13.gif) no-repeat left center;
    }

    ul#MainMenuItems li.MainMenuEntryHome
    {
      margin: 0px; padding: 0px 0px 1ex 0px; border-width: 0px;
      color: #404943;
    }
    ul#MainMenuItems li.MainMenuEntryHome a,
    ul#MainMenuItems li.MainMenuEntryHome a:link,
    ul#MainMenuItems li.MainMenuEntryHome a:hover,
    ul#MainMenuItems li.MainMenuEntryHome a:focus,
    ul#MainMenuItems li.MainMenuEntryHome a:active
    {
      border-width: 0px;
      color: #404943;
    }

    ul#MainMenuItems li.MainMenuEntry0Act,
    ul#MainMenuItems li.MainMenuEntry0Act a,
    ul#MainMenuItems li.MainMenuEntry0Act a:link,
    ul#MainMenuItems li.MainMenuEntry0Act a:focus,
    ul#MainMenuItems li.MainMenuEntry0Act a:active
    {
      color: #933;
    }

    ul#MainMenuItems li.MainMenuEntry0Cur,
    ul#MainMenuItems li.MainMenuEntry0Act
    {
      color: #933;
    }

    ul#MainMenuItems li.MainMenuEntry0 ul,
    ul#MainMenuItems li.MainMenuEntry0Sub ul
    {
      display: none;
      visibility: hidden;
    }

/* dynamically opening menu

    ul#MainMenuItems li.MainMenuEntry0:hover ul,
    ul#MainMenuItems li.MainMenuEntry0Sub:hover ul
    {
      display: block;
      visibility: hidden;
    }
*/
    ul#MainMenuItems li.MainMenuEntry0 ul,
    ul#MainMenuItems li.MainMenuEntry0Act ul,
    ul#MainMenuItems li.MainMenuEntry0Cur ul,
    ul#MainMenuItems li.MainMenuEntry0Sub ul
    {
      border-bottom: dotted 1px #933;
    }

    ul#MainMenuItems li.MainMenuEntry0Cur a,
    ul#MainMenuItems li.MainMenuEntry0Cur span
    {
      color: #933;
      background: url(../img/menuar11.gif) no-repeat left center;
    }

    ul#MainMenuItems li ul
    {
      margin: 0px; padding: 0ex 2ex 0.67ex; border-width: 0px;
      list-style: none;
      line-height: 167%;
      font-size: 92%;
    }

    ul#MainMenuItems li ul li
    {
      margin: 0px; padding: 0px; border-width: 0px;
    }

    ul#MainMenuItems li ul li.MainMenuEntry1 a,
    ul#MainMenuItems li ul li.MainMenuEntry1 a:link,
    ul#MainMenuItems li ul li.MainMenuEntry1 a:hover,
    ul#MainMenuItems li ul li.MainMenuEntry1 a:focus,
    ul#MainMenuItems li ul li.MainMenuEntry1 a:active,
    ul#MainMenuItems li ul li.MainMenuEntry1 span
    {
      padding-left: 14px;
      border-width: 0px;
      color: #404943;
      background-image: none;
    }

    ul#MainMenuItems li ul li.MainMenuEntry1 a:hover
    {
      color: #000;
      background: url(../img/menuar23.gif) no-repeat left center;
    }

    ul#MainMenuItems li ul li.MainMenuEntry1Cur
    {
      color: #933;
    }

    ul#MainMenuItems li ul li.MainMenuEntry1Cur a,
    ul#MainMenuItems li ul li.MainMenuEntry1Cur a:link,
    ul#MainMenuItems li ul li.MainMenuEntry1Cur a:hover,
    ul#MainMenuItems li ul li.MainMenuEntry1Cur a:focus,
    ul#MainMenuItems li ul li.MainMenuEntry1Cur a:active,
    ul#MainMenuItems li ul li.MainMenuEntry1Cur span
    {
      padding-left: 14px;
      border-width: 0px;
      color: #933;
      background: url(../img/menuar21.gif) no-repeat left center;
    }


    /********************/

    /*
    <div id="ContentTop">
      <div id="ContentUser">###TXUSER###</div>
      <div id="ContentBreadCrumps">###BREADCRUMP###</div>
    </div>
    */

    div#ContentTop
    {
      position: relative;
      height: 3ex;
      margin: 0px; padding: 1px 3.75ex 1px 2ex;
/*      border-left: 240px solid #FFF !important; */
      color #505956;
      background-color: #E9E3E3;
      font: italic 90% serif;
      letter-spacing: 0.25ex;
      word-spacing: 0.5ex;
    }

    div#ContentTop div#ContentUser
    {
      float: left;
    }

    div#ContentTop div#ContentBreadCrumps
    {
      text-align: right;
    }

    /********************/

    #Content
    {
      margin: 0px;
      border-left: 240px solid #FFF;
      padding: 1ex 3.5ex 4ex 2ex;
      background: #FCF9E9 url(../img/1x1.gif) left repeat-y;
      text-align: justify;
    }

    #Content p a,
    #Content p a.link,
    #Content p a:hover,
    #Content p a:focus,
    #Content p a:active,

     #Content li a,
    #Content li a.link,
    #Content li a:hover,
    #Content li a:focus,
    #Content li a:active
    {
      padding-left: 11px;
      border-bottom: 1px dotted #999093;
      text-decoration: none;
      font: normal 100% Verdana, Helvetica, sans-serif;
      color: #633;
      background-image: url(../img/link.gif);
      background-position: left bottom;
      background-repeat: no-repeat;
      cursor: pointer;
    }

    #Content p a:hover,
    #Content li a:hover
    {
      color: #933;
      background-image: url(../img/link2.gif);
    }

    #Content a.e-mail,
    #Content a:link.e-mail,
    #Content a:hover.e-mail,
    #Content a:focus.e-mail,
    #Content a:active.e-mail
    {
      padding-left: 16px;
      background-image: url(../img/linkemail.gif);
      background-position: left bottom;
      background-repeat: no-repeat;
      cursor: pointer;
    }

    #Content a:hover.e-mail
    {
      background-image: url(../img/linkemail2.gif);
    }

    #Content p.LastChange
    {
      margin-top: 3ex;
      text-align: right;
      color: #909993;
      font-size: 80%;
    }

    #Content .FontName
    {
      letter-spacing: 0.5px;
      font-variant: small-caps;
    }

    #Content li
    {
      margin-top: 1.5ex;
      list-style-type: square;
    }


    /********************/

    .Clear
    {
      position: relative;
      clear: both;
      height: 1px;
      font-size: 1px;
      color: transparent;
      background-color: transparent;
    }

    /********************/

    div#ContentBreadCrumps ul
    {
      display: inline;
      margin: 0px; padding: 0px;
      color #505956;
      font: italic 100% serif;
      letter-spacing: 0.25ex;
      word-spacing: 0.5ex;
    }

    div#ContentBreadCrumps ul li
    {
      display: inline;
      padding-left: 4px;
      text-decoration: none;
    }

    div#ContentBreadCrumps ul li a,
    div#ContentBreadCrumps ul li a:link,
    div#ContentBreadCrumps ul li a:hover,

    div#ContentBreadCrumps ul li a:focus,
    div#ContentBreadCrumps ul li a:active,
    div#ContentBreadCrumps ul li span
    {
      padding-left: 8px;
      border-width: 0px;
      text-decoration: none;
      color: #303933;
    }
    div#ContentBreadCrumps ul li a:hover
    {
      padding-left: 8px;
      border-width: 0px;
      text-decoration: none;
      color: #000;
      background-image: url(../img/select.gif);
      background-repeat: no-repeat;
      background-position: left center;
    }

    /********************/

    #TopFrame ul
    {
      position: relative;
      top: 1px;
      display: inline;
      margin: 0px; padding: 0px;
      color #505956;
      background-color: #E9E3E3;
      font: italic 90% serif;
      letter-spacing: 0.25ex;
      word-spacing: 0.5ex;
    }
    #TopFrame ul li
    {
      display: inline;
      text-decoration: none;
    }
    #TopFrame ul li a
    {
      text-decoration: none;
      color: #505956;
    }
    #TopFrame ul li a:hover
    {
      text-decoration: none;
      color: #112;
      border-bottom: dashed 1px #404447;
    }
    #TopFrame ul li a span
    {
      display: none;
    }

    #TopSearch
    {
      position: relative;
      top: 1px !important;
      top: -1px;
      left: -4px;
      height: 15px;
      margin: 0px;
      padding: 1px 2px;
      border-width: 0px;
      border: solid 1px #C0C9C3;
      font-size: 80%;
      color: #303936;
      background-color: #FFF;
      cursor: pointer;
    }
    #TopSearch:hover,
    #TopSearch:focus
    {
      border-bottom: dashed 1px white;
    }

    #TopSearchBtn
    {
      position: relative;
      top: 3px;
      left: -2px;
      width:12px;
      height: 12px;
      overflow: hidden;
      border: solid 1px #C0C9C3;
      border: solid 1px #909993;
      border-color: #C0C9C3 #909993 #909993 #B0B9B3;
    }

    #FontSize
    {
      position: relative;
      float: left;
    }

    #FontSizeInc,
    #FontSizeDec,
    #FontSizeInc:active,
    #FontSizeDec:active
    {
      position: relative;
      top: 2px;
      background-color: #F3ECEC;
      border-top: solid 1px #F9F3F3;
      border-left: solid 1px #F9F3F3;
      border-bottom: solid 1px #D3CCCC;
      border-right: solid 1px #D3CCCC;
      padding-left: 2px;
      padding-right: 3px;
      font-style: normal;
      font-weight: bold;
      letter-spacing: normal;
      text-decoration: none;
      cursor: pointer;
      outline: none;
    }
    #FontSizeInc:hover,
    #FontSizeDec:hover
    {
      color: #FFFFFF;
      background-color: #E3DCDC;
      border-top: solid 1px #C9C3C3;
      border-left: solid 1px #C9C3C3;
      border-bottom: solid 1px #F9F3F3;
      border-right: solid 1px #F9F3F3;
      text-decoration: none;
    }

    .DefLang
    {
      padding-left: 8px;
      font-weight: bold;
      background-image: url(../img/select.gif);
      background-repeat: no-repeat;
      background-position: left center;
    }

    /********************/

    div.address
    {
      margin: 1ex 2ex;
      padding: 0px;
      color: #101913;
    }

    /********************/

    .csc-mailform
    {
      padding-left: 2ex;
    }

    .FormField
    {
      border: 1px solid #909993;
      padding: 1px 2px;
      font: normal 100% sans-serif;
      color: #303933;
    }

    .FormField:hover
    {
      border: 1px solid #000;
      color: #000;
    }

    .FormLabel
    {
      font-weight: bold;
      padding-right: 2ex;
      color: #404943;
      vertical-align: top:
    }

    .FormFieldDiv
    {
      vertical-align: top:
    }

    /********************/

    .Code
    {
      font-family: monospace;
    }

    /********************/


dl.Glossar
{
}

dl.Glossar dt
{
  font-weight: bold;
  color: #933;
  margin-top: 2ex;
}

dl.Glossar dd
{
  margin-top: 0.625ex;
}

    /********************/


