/*     Lindenhof.sh         */
/*                          */
/* Homepapa.ch - jan 2010   */


/* the following used for sticky footer */
/*                                      */
/* use the following html:              */
/* body                                 */
/*   div class="wrapper"                */
/*      (page contents)                 */
/*      div class="push" (empty)        */
/*   div class="footer"                 */
/*      (footer contents)               */

*              { margin: 0 }
html, body     { height: 100% }
.wrapper       { min-height: 100%;
                 height: auto !important; 
                 height: 100%;
                 margin: 0 auto -4em auto ;
               }
.footer, .push { height: 2em ; margin: 1em }


/* now for the general specifications */
body                         { background: #FFF6D7 ;
                               color: #336600 ;
                               font-family: Verdana, Helvetica, Arial, sans-serif ;
                               font-size: medium ;
                             }
/*  Gestaltungen  */
h1                           { font-size: 130% ; font-weight: bold ;
                               margin: 10px 0 1em 0 ;
                               padding: 0 ;
                             }
h2                           { font-size: 115% ; font-weight: bold ;
                               margin: .5em 0 ;
                             }
p                            { margin: 0 0 .5em 0 }
a img                        { border: none }
ul                           { margin: 0 ; padding: 1em }


/*   ____________________________                                                       */
/*  | seite     _______________  |                                                      */
/*  |          | kopf          | |     height: 30px, padding-top: 80px, total: 110px    */
/*  |          |---------------| |                                                      */
/*  |          | inhalt        | |     height:                                 670px    */
/*  |          |               | |                                                      */
/*  |          |---------------| |                                                      */
/*  |          | fuss          | |     height:                                  20px    */
/*  |          |_______________| |                                                      */
/*  |____________________________|     Seite: Total                            800px    */
/*                                                                                      */
div#seite                    { width: 1024px ;
                             }
div#kopf                     { margin: 0 ;
                               background: url(topbild.jpg) top left no-repeat ;
                               text-align: right ;
                               padding: 80px 0 0 0 ;
                               height: 30px ;
                             }
div#inhalt                   { padding-left: 200px ;
                               overflow: auto ;
                             }
div#navigation               { float: left ;
                               margin-left: -200px ;
                               width: 180px ;
                               padding: 10px 10px 10px 0 ;
                             }
div#text                     { width: 820px ;
                             }
div#text a                   { color: #336600 ; border: none ; padding: 0 }
div#text a:link              { color: #336600 ; border: none ; padding: 0 }
div#text a:visited           { color: #336600 ; border: none ; padding: 0 }
div#text a:hover             { color: #336600 ; font-weight: bold ; border: none ; padding: 0 }

div#fuss                     { position: relative ;
                               text-align: center ;
                               background: #9CBA7E ;
                             }

div#navigation a             { display: block ;
                               width: 12em ;
                               padding: .2em .5em ;
                               margin: 10px 0 ;
                             }
div#navigation a:link        { background: #9CBA7E ; color: black ;
                               border: 2px solid #FFF6D7 ;
                               font-size: 90% ; text-decoration: none ;
                             }
div#navigation a:visited     { background: #9CBA7E ; color: black ;
                               border: 2px solid #FFF6D7 ;
                               font-size: 90% ; text-decoration: none ;
                             }
div#navigation a:hover       { background: transparent ; color: #336600 ;
                               border: 2px solid #336600 ;
                             }
div#navigation a:active      { background: white }
div#navigation a.hier        { background: transparent ; color: #336600 ;
                               border: 2px solid #336600 ;
                             }

div#kopf a:link              { font-size: 90% ;
                               padding: .3em 1em ;
                               margin: .5em 0 0 1em ;
                               border-width: 0 3px 3px 0 ; border-style: solid ; border-color: #336600 ;
                               color: #336600 ; text-decoration: none ; font-weight: bold ;
                             }
div#kopf a:hover             { background: #9CBA7E ; color: black }
div#kopf a:active            { background: #9CBA7E ; color: black ;
                               border-width: 3px 0 0 3px ; border-style: solid ; border-color: #336600 ;
                             }
div#kopf a.hier              { background: #9CBA7E ; color: black }

div#fuss a:link, a:visited   { background: #FFF6D7 ;
                               font-size: 80% ;
                               padding: .3em 1em ;
                               border-width: 0 3px 3px 0 ; border-style: solid ; border-color: #336600 ;
                               color: #336600 ; text-decoration: none ; font-weight: bold ;
                             }
div#fuss a:hover             { background: #9CBA7E ; color: black }
div#fuss a:active            { background: #9CBA7E ; color: black ;
                               border-width: 3px 0 0 3px ; border-style: solid ; border-color: #336600 ;
                             }


div#fotohigru                { position: absolute ;
                               width: 820px ; height: 600px ;
                               top: 0 ; left: 0 ;
                               background-color:#ffffff;
                               border:1px solid #336600;
                               opacity: 0.8 ;
                               display:none ;
                             }
div#fotoplatz                { position: absolute ;
                               display: none ;
                               top: 0 ; left: 0 ;
                               background: white ; padding: 10px ; border: 1px solid #336600 ;
                               margin: 20px auto ;
                             }
div#fotohigrucls             { position: absolute ;
                               top: 5px ; right: 5px ;
                             }
button#prevfoto              { position: absolute ; top: 5px ; left: 100px }
button#nextfoto              { position: absolute ; top: 5px ; left: 300px }

/* img#galeriebild              { z-index: 15 } */

img.rechts                   { float: right ; margin: 0 0 0 2em }

table.bestell                { margin: 1em 0 ; border: none ; border-collapse: collapse }
table.bestell th             { border: 1px solid #336600 ; padding: .1em .5em }
table.bestell td             { border: 1px solid #336600 ; padding: .1em .5em }
.r                           { text-align: right }
table.bestell td.nob         { border: none }
table.bestell td.nobr        { border: none ; text-align: right }
input.i2                     { width: 2em ; text-align: right }
table.formular               { margin: 1em 0 ; border: 1px solid #336600 ; border-collapse: collapse }
table.formular th            { border: none ; padding: .1em .5em ; text-align: right ; vertical-align: top }
table.formular td            { border: none ; padding: .1em .5em }
input.ilang                  { width: 30em }
input.idatum                 { width: 10em }
input.iplz                   { width: 4em ; float: left }
input.iort                   { width: 25em ; float: right }
table.formular textarea      { width: 100% ; height: 4em }

table.preisliste3            { margin: .5em 0 ; border: none ; border-collapse: collapse }
table.preisliste3 .produkt   { border: 1px solid #336600 ; padding: 2px 5px ; width: 400px }
table.preisliste3 .einheit   { border: 1px solid #336600 ; padding: 2px 5px ; width: 70px }
table.preisliste3 .preis     { border: 1px solid #336600 ; padding: 2px 5px ; width: 50px ; text-align: right }

table.preisliste2            { margin: .5em 0 ; border: none ; border-collapse: collapse }
table.preisliste2 .produkt   { border: 1px solid #336600 ; padding: 2px 5px ; width: 481px }
table.preisliste2 .preis     { border: 1px solid #336600 ; padding: 2px 5px ; width: 50px ; text-align: right }

table.veranstalt             { margin: .5em 0 ; border: none ; border-collapse: collapse }
table.veranstalt td.vwann    { border: 3px solid #FFF6D7 ; background: #9CBA7E ; padding: 2px 5px }
table.veranstalt td.vnix     { border: 3px solid #FFF6D7 ; padding: 2px 5px 22px 5px ;
                               background: #EC8484 url(abgesagt.gif) bottom center no-repeat }
table.veranstalt td.haupt    { border: 3px solid #FFF6D7 ; padding: 2px 1em ; vertical-align: top ; background: url(pgm_higru.jpg) top left repeat-x }
table.veranstalt td.detail   { border: 3px solid #FFF6D7 ; padding: 2px 1em ; vertical-align: top ; background: url(pgm_higru.jpg) top left repeat-x }
.vtitel                      { font-weight: bold }

table.spons                  { margin: 1em 0 ; border: none ; border-collapse: collapse }
table.spons td               { margin: 0 2em 2em 0 ; vertical-align: top }

textarea.nachricht           { height: 6em ; width: 40em }
input.absender               { width: 32em }