/*           Design und Realisation            */
/*             Moon Media Design               */
/*    Internet - Printmedien - Musik/Sounds    */
/*                                             */
/*          http://www.moon-media.biz          */
/*          http://www.moon-music.de           */
/*          http://www.moon-studio.de          */
/*                                             */
/*              97295 Waldbrunn                */
/*           Tel.: 09306 - 30 91 89            */
/*           Fax : 09306 - 98 14 37            */
/*                                             */
/*     (c)1999-2005 M.Bieber . Moon Media      */


/* DEFINITIONEN ALLGEMEIN____________________________________________________ */

body {  background-image: url(images/hg.gif);
        background-repeat: repeat;
        background-color: rgb(51,42,26);
        font-size: 100.01%;
        padding: 0;
        margin: 0;
        font-family: Verdana, 'Lucida Grande', arial, sans-serif;
        color: rgb(51,42,26);
        text-align: center;}



li {list-style-type: square;
    padding-bottom: 10px;
    line-height: 120%;}

p  {width: 630px;}

a .anchor  { text-decoration: none;}

a:link  {text-decoration: none;}

.cleaner { background: transparent;
           clear: both;
           height: 1px;
           font-size: 1px;
           border: 0px none;
           margin: 0;
           padding: 0; }

.spacer { background: transparent;
          float: left;
          height: 400px;
           border: 0px none;
           margin: 0;
           padding: 0; }

/* GRUNDGERÜST____________________________________________________ */

#container { background-image: url(images/hg_muster2.gif);
              background-repeat: no-repeat;
              background-position: 200px 240px;
              position: relative;
             width: 800px;
             margin: auto;
             padding: 0 0 0 0px;
             background-color: rgb(195,174,136);
             border-top: 1px solid rgb(243,237,226);
             border-right: 1px solid rgb(243,237,226);
             border-left: 1px solid rgb(243,237,226);
             border-bottom: 1px solid rgb(243,237,226);
             text-align: left;}

#header {position: relative;
         float: left;
         margin-top: 0px;
         padding: 0px 0px 0px 0px;
         width: 100%;
         height: 13px;
         background-color: rgb(51,42,26);
         text-align: left;
         vertical-align: middle;
         font-size: 65%;
         color: rgb(230,211,179);}

#block {float: left;
         width: 30px;}

#header .active a {color: rgb(173,187,205);}

#header a {text-decoration: none;
           color: rgb(230,211,179);
           padding: 10px;}

#header a:hover {color: rgb(255,255,255);}


#head {background-color: rgb(241,233,218);
       background-image: url(images/head.jpg);
       background-repeat: no-repeat;
       background-position: center center;
       position: relative;
       float: left;
       margin: 1px 1px 1px 0px;
       padding: 0px;
       width: 100%;
       height: 220px;}

#head h1 {display: none;}

* html #links { width: 219px;}

#links { background-color: rgb(51,42,26);
         background-image: url(images/seite.jpg);
         background-repeat: no-repeat;
         position: relative;
         float: right;
         margin-left: 0px;
         margin-top: 0px;
         padding: 0px;
         width: 219px;
         height: 360px;}

#links-kontakt { background-color: rgb(51,42,26);
         background-image: url(images/seite_kontakt.jpg);
         background-repeat: no-repeat;
         position: relative;
         float: right;
         margin-left: 0px;
         margin-top: 0px;
         padding: 0px;
         width: 219px;
         height: 360px;}

#links-links { background-color: rgb(51,42,26);
         background-image: url(images/seite_links.jpg);
         background-repeat: no-repeat;
         position: relative;
         float: right;
         margin-left: 0px;
         margin-top: 0px;
         padding: 0px;
         width: 219px;
         height: 360px;}

/* NAVIGATION____________________________________________________ */

#navcontainer a:link  {text-decoration: none;}

#navcontainer { position: relative;
                background-image: url(images/hg_nav.gif);
                background-repeat: repeat-x;
                background-position: 0px 0px;
                float: right;
                height: 37px;
                background-color: rgb(51,42,26);
                width: 100%;
                margin: 0px 0px 0px 0px;
                padding: 0;}

#navcontainer ul { border: 0;
                   margin: 0;
                   padding: 0px;
                   list-style-type: none;}

* #navcontainer ul li { width: 90px;}

#navcontainer ul li { display: block;
                      float: left;
                      text-align: center;
                      padding: 0px;
                      margin: 0px;
                      width: 96px;
                      height: 37px;
                      border-right: 1px solid rgb(230,211,179);}

* html #navcontainer ul li a { padding: 10px 5px 9px 5px;
                               text-decoration: none;
                               width: 95px;}

#navcontainer ul li a { font-family: Times, serif;
                        letter-spacing: 0.15em;
                        font-style: italic;
                        font-weight: bolder;
                        background-color: rgb(89,75,51);
                        color: rgb(230,211,179);
                        display: block;
                        padding: 10px 6px 8px 5px;
                        margin: 0px;
                        text-decoration: none;
                        text-align: center;
                        font-size: 80%;
                        text-transform: lowercase;
                        border-bottom: 0px;}

#navcontainer ul li a:hover { background-color: rgb(195,174,136);
                              color: rgb(51,42,26);
                              text-decoration: none;}

#navcontainer ul li.active a{ background-color: rgb(195,174,136);
                              color: rgb(51,42,26);
                              text-align: center;}

/* SUBNAVIGATION_________________________________________________ */

#subnavigation { background-color: rgb(195,174,136);
                 position: relative;
                 float: right;
                 margin: 0px;
                 padding: 0px;
                 width: 218px;}

* html #subnavigation { width: 219px; }

#subnavigation ul { background-color: rgb(211,201,183);
                    font-size: 70%;
                    margin: 0;
                    padding: 0px;
                    list-style-type: none;
                    letter-spacing: 0.1em;
                    font-weight: bold;}

#subnavigation li { list-style: none;
                    padding: 0px;
                    margin: 0px;
                    text-align: left;}

* html #subnavigation li a { padding: 20px 0px 14px 10px;
                             margin: 0px;
                             height: 56px;}

#subnavigation li a { font-family: sans-serif;
                      background-color: rgb(211,201,183);
                      display: block;
                      padding: 10px 0px 22px 10px;
                      color: rgb(176,156,119);
                      text-decoration: none;
                      vertical-align: middle;
                      height: 20px;
                      text-transform: uppercase;
                      border-bottom: 0px;}

#subnavigation li a:hover { color: rgb(255,255,255);
                            background: rgb(195,174,136);
                            text-decoration: none;}

#subnavigation ul li.active a { color: rgb(255,255,255);
                            background-color: rgb(195,174,136);
                            border-top: 1px solid white;
                            border-bottom: 1px solid white;}

/* SUBNAVIGATION ANTIK_________________________________________________ */

#subnavigation_antik { position: relative;
                       float: right;
                       margin: 0px;
                       padding-top: 10px;
                       width: 218px;}

* html #subnavigation_antik { width: 219px; }

#subnavigation_antik ul { background-color: rgb(211,201,183);
                          font-size: 70%;
                          margin: 0;
                          padding: 0px;
                          letter-spacing: 0.1em;
                          font-weight: bold;
                          border-top: 1px solid white;}

#subnavigation_antik li { list-style-type: none;
                          padding: 0px;
                          margin: 0px;
                          text-align: left;}

#subnavigation_antik li.antik_sub_header { padding: 2px 0px 2px 10px;
                                           color: black;
                                           font-size: 70%;
                                           letter-spacing:6pt;}

* html #subnavigation_antik li a { padding: 5px 0px 5px 10px;
                                   margin: 0px;
                                   height: 10px;
                                   width: 120px;}

#subnavigation_antik li a { width: 120px;
                            font-family: sans-serif;
                            background-color: rgb(171,148,107);
                            display: block;
                            padding: 2px 0px 2px 10px;
                            color: rgb(255,255,255);
                            text-decoration: none;
                            vertical-align: middle;
                            height: 15px;
                            text-transform: uppercase;
                            border-bottom: 0px;}

#subnavigation_antik li a:hover { color: rgb(89,75,51);
                                  background-color: rgb(211,201,183);
                                  text-decoration: none;}

#subnavigation_antik ul li.active a { color: rgb(89,75,51);
                                      background-color: rgb(211,201,183);
                                      border-top: 1px solid white;
                                      border-bottom: 1px solid white;}

/* CONTENT ____________________________________________________ */

* html #bodycontent {margin-left: 10px;
                     margin-top: 20px;
                     width: 520px;}

#bodycontent {font-size: 80%;
              position: relative;
              float: left;
              margin-left: 30px;
              margin-top: 10px;
              padding: 0px;
              width: 550px;}

#bodycontent h1 {font-family: 'Lucida Grande', arial, sans-serif;
                 color: rgb(250,244,235);
                 width: 540px;
                 display: block;
                 margin-left: 0px;
                 padding-left: 0px;
                 font-size: 120%;
                 border-bottom: 1px dotted rgb(255,255,255);
                 text-transform: uppercase;}

#bodycontent h2 {color: rgb(51,42,26);
                 font-size: 100%;}

#bodycontent h3 {color: rgb(51,42,26);
                 font-size: 85%;}

#bodycontent p {margin-left: 0px;
                width: 530px;}

* html #bodycontent p.pflanzenbeschreibung {margin: 0px;
                width: 220px;}

#bodycontent p.pflanzenbeschreibung {width: 100%;
                                     padding-top: 5px;}

#bodycontent p.zusatz {font-size: 80%;
                       float: left;
                       width: 520px;}

a { color: rgb(51,42,26);
                 text-decoration: none;
                 border-bottom: 1px dotted rgb(51,42,26);
                 font-weight: bold;}

a:hover { color: rgb(211,201,183);
                       text-decoration: none;}

.bildbeschriftung {margin-left: 10px;
                font-size: 75%;
                font-weight: bold;}

/* Tabellendefinition */

* html #bodycontent table {margin: 0px 0px 10px 2px;}

#bodycontent table {font-size: 90%;
                    float: left;
                    margin: 0px 10px 10px 0px;
                    padding: 5px;
                    border: 1px solid rgb(51,42,26);
                    width: 500px;
                    background-color: rgb(211,201,183);
                    border-collapse: collapse;}

#bodycontent td {background-color: rgb(211,201,183);
                 color: rgb(51,42,26);
                 vertical-align: top;
                 margin: 0px;
                 padding: 4px 10px 16px 0px;
                 text-align: left;}

#bodycontent td.header {background-color: rgb(51,42,26);
                        font-size: 90%;
                        font-weight: bolder;
                        color: rgb(241,233,218);
                        text-align: right;}

#bodycontent td.header-wasser {font-family: Times, serif;
                               letter-spacing: 0.125em;
                               font-style: italic;
                               background-color: rgb(83,69,41);
                               color: rgb(241,233,218);
                               font-size: 140%;
                               font-weight: bolder;
                              text-align: right;
                               text-transform: lowercase;}

#bodycontent td.header2 {background-color: rgb(51,42,26);
                        font-size: 90%;
                        font-weight: bolder;
                        padding-left:5px;
                        color: rgb(241,233,218);
                        text-align: left;}

#bodycontent td.sub {background-color: rgb(89,75,51);
                     color: rgb(230,211,179);
                     font-size: 140%;
                     padding: 5px 0px 10px 10px;
                     font-family: Times, serif;
                     letter-spacing: 0.15em;
                     font-style: italic;
                     font-weight: bolder;}

#bodycontent table.wasser {width: 250px;
                           margin-right: 6px;}

#bodycontent img  {position: relative;
                   float: left;
                   margin: 0px 10px 10px 0px;
                   padding: 0px;
                   text-align: left;
                   font-size: 90%;
                   font-weight: bolder;
                   color: white;}


#bodycontent table.kontakt {font-size: 90%;
                            float: left;
                            margin: 0px 10px 10px 0px;
                            padding: 5px;
                            border: 1px solid rgb(51,42,26);
                            width: 500px;
                            background-color: white;
                            border-collapse: collapse;}

#bodycontent table.kontakt tr {margin: 0px 10px 10px 0px;
                              padding: 5px;
                              border: 1px solid rgb(51,42,26);
                              background-color: white;
                              border-collapse: collapse;}

/* newsletter____________________________________________________

#bodycontent table.news {border: 1px solid rgb(51,42,26);
                         width: 100px;
                         font-size: 12px;
                         padding: 0px;
                         margin-left: 0px;}

#bodycontent table.news td {border: 0px solid red;;
                         width: 200px;
                         font-size: 12px;
                         padding: 0px;
                         margin: 0px;}*/


/* KONTAKTSEITE____________________________________________________ */

#bodycontent table.form {border: 0px solid red;;
                         width: 480px;
                         font-size: 12px;
                         padding: 2px;
                         margin-left: 20px;}

#bodycontent table.form td  {border: 0px solid red;}

form {color: rgb(230,211,179);
      border: 0px solid rgb(243,237,226);
      line-height: 18px;
      padding: 0px;}

textarea {background-color: rgb(230,211,179);
          border: 1px solid rgb(243,237,226);
          color: rgb(51,42,26);
          font-family: Arial, sans-serif;
          color: rgb(51,42,26);
          margin: 0px;
          width: 385px;
          height: 150px;}

input {background-color: rgb(230,211,179);
       border: 1px solid rgb(243,237,226);
       color: rgb(51,42,26);
       padding: 0px 0px 0px 0px;
       margin: 0px;
       width: 10em;}

radio {color: rgb(230,211,179);
       border-top: 0px solid rgb(243,237,226);
       text-align: left;}

lable {margin: 0px;
       padding: 0px;
       text-align: right;
       font-weight: bold;
       border: 0px solid rgb(51,42,26);}

#adresse { float: left;
           border: 0px solid rgb(255,255,255);
           margin-left: 40px;
           width: 150px;}

#adresse p { width: 250px;}

#logo {  background-image: url(images/logo-adresse.png);
         background-repeat: no-repeat;
         background-color: transparent;
         width: 168px;
         height: 160px;
         margin-left: 20px;
         float: left;
         border: 0px solid rgb(255,255,255);}

* html fieldset {width: 200px;}

fieldset {color: rgb(51,42,26);
          font-weight: bold;
          font-size: 85%;
          border: 1px solid rgb(51,42,26);
          padding: 0px;
          background-color: rgb(211,201,183);
          width: 300px;}

fieldset table  {border: 0px solid rgb(51,42,26);}

legend {color: rgb(51,42,26);
        text-transform: uppercase;
        padding: 5px 0px 5px 0px;}

input:focus, input:hover, textarea:focus, textarea:hover {
             color: rgb(51,42,26);
             border: 1px dashed rgb(51,42,26);}

.submit, .reset {background-color: rgb(51,42,26);
                 color: white;
                 border: 3px double white;}

#plz {width: 3em;}

#anfrage {width: 10em;
          float: left;}

.hidden {display: none;}

.radio {width: 2em;
        background-color: rgb(211,201,183);
        border: 0px;}

/* Galerie____________________________________________________ */

* html .galerie-head {line-height: 120%;}

.galerie-head {font-family: times, serife;
               font-size: 200%;
               line-height: 90%;
               font-style: italic;
               font-weight: bolder;
               letter-spacing: -0.04em;
               width: 80px;
               margin: 0px;}

#teppiche {margin: -30px -10px 10px 0px;
           padding: 0px;
           width: auto;
           float: left;}

* html #teppiche-text {width: auto;}

#teppiche-text {margin: 0px;
                padding: 0px;
                border: 0px solid red;}

#teppiche-text p {width: 100%;}

p.galerie_nav {font-family: 'Lucida Grande', arial, sans-serif;
                            font-weight: bold;
                            color: rgb(250,244,235);
                            width: 540px;
                            display: block;
                            margin-left: 0px;
                            padding-left: 0px;
                            font-size: 120%;
                            border-bottom: 1px dotted rgb(255,255,255);}

p.galerie_nav a {margin: 0px;
                 padding-right: 3px;
                 padding-left: 3px;
                 text-decoration: none;
                 color: rgb(250,244,235);
                 border-bottom: 0px;}

p.galerie_nav a:hover {color: rgb(51,42,26);}

p.galerie_nav a.active {color: rgb(51,42,26);}



/* SEITENABSCHLUSS____________________________________________________ */

#footer {font-size: 80%;
         color: rgb(230,211,179);
         text-align: center;
         background-color: rgb(51,42,26);
         position: relative;
         clear: both;
         width: 100%;
         height: 20px;
         border-top: 1px solid rgb(243,237,226);}

#footer a {color: rgb(230,211,179);
           text-decoration: none;
           margin-top: 4px;
           padding: 5px 15px 4px 12px;
           border-bottom: 0px;}

#footer a:hover {color: rgb(255,255,255);}


#text {
        DISPLAY: none
}