*
{ color: #5b2d1e; font-family: Times, serif; font-style: italic; text-decoration: none; padding: 0; margin: 0; }

html
{ height: 100%; }

body
{ font-size: 92%; line-height: 130%; height: 100%; background: #fffdd0; }

#inhalt   /* hatte width: 1024px */
{ min-height: 100%; background: transparent url(../img/rechts.jpg) no-repeat 902px 195px; }

#kopf   /* hatte width: 1024px */
{ width: 100%; height: 140px; background: transparent url(../img/kopfhint.jpg) no-repeat top left; }

#spaltenli
{ width: 100%; background: transparent url(../img/hintbi.jpg) no-repeat bottom left; padding: 0 0 195px 0;}

#links
{ float: left; width: 200px; }

#normal   /* wieso width: 660px? */
{ width: 660px; background: #feffe6; padding: 50px 15px 30px; border: double 5px #f7eeac; margin: 0px 75px 20px 200px; }

#rechts
{ display: none; }

.clear
{ clear: both; font-size: 0px; height: 0px; }

#fuss
{ display: none; }

#meta
{ position: absolute; top: 152px; left: 535px; font-size: 0.95em; display: inline; margin: 0; }

#meta form, #meta form div
{ display: inline; }

#menuehoch
{ position: absolute; top: 170px; left: 0px; font-size: 0.95em; line-height: 1.4em; width: 200px; background: url(../img/motivmenue.jpg) no-repeat left bottom; padding: 0 0 300px 0; margin: 0 0 300px 0; }

.lev1act a, .lev2act a, .lev3act a, .lev4act a, .lev5act a, .lev6act a
{ font-weight: 700; text-indent: 0px; background: transparent url(../img/pralineact.jpg) no-repeat left center; }

.lev1no a, .lev2no a, .lev3no a, .lev4no a, .lev5no a, .lev6no a
{ font-weight: 400; text-indent: 0px; background: transparent url(../img/pralineno.jpg) no-repeat left center; }


#kopfinnen h1
{ display: none; }

#kopfinnen p
{ display: none; }

#menuehoch ul
{ margin: 2px 0 0 20px; }

#menuehoch li
{ list-style-type: none; padding: 0; margin: 0 0 2px 0; }

#meta li
{ list-style: none; display: inline; padding: 0 7px 10px 0; }


.schild
{ position: absolute; top: 12px; left: 15px; width: 160px; height: 114px; border: double 5px #f7eeac; }

#kopfinnen1 img
{ position: absolute; top: 4px; right: 45px; display: none; }


#suchfor
{ margin: 0; }

#sword
{ float: left; font-size: 0.9em; width: 6em; height: 1.5em; border-bottom: 1px solid #eeeeee; }

.suche
{ float: left; width: 20px; height: 16px; padding: 0 0.5em 0 4px; border: none; }

.druck
{ width: 16px; height: 16px; margin: 0 5px -2px 0; border: none; }

.mail
{ width: 20px; height: 16px; margin: 0 5px -2px 0; border: none; }

.motiv
{ text-align: center; padding: 15px 0; }



.leer
{ position: absolute; bottom: 10px; left: 15px; width: 150px; height: 109px; display: none; }



.csc-textpic-image   /* mit padding > 0 ist dreispaltig unm�glich z.Zt. */
{ background: #ffffe6;  padding: 3px; border: 2px solid #f7eeac; margin: 5px 5px 5px 10px; }

.csc-textpic-caption
{ color: #643212; font-size: 0.9em; font-style: italic; line-height: 115%; background: #fff099; padding: 20px 5px 10px; margin: 5px 5px 5px 10px; }

div.csc-textpic-clear 
{ clear: none; }

a:link
{ color: #6a3423; text-decoration: underline; }

a:visited
{ color: #6a3423; text-decoration: underline; }

a:hover, a:active, a:focus
{ color: #a55136; text-decoration: underline; }


#menuehoch a
{ display: block; text-decoration: none; padding: 0.2em 0 0.2em 30px; }

#menuehoch a:link, #menuehoch a:visited
{ color: #5b2d1e; }

#menuehoch a:hover, #menuehoch a:active, #menuehoch a:focus
{ color: #6a3423; background: transparent url(../img/pralinehover.jpg) no-repeat left center; }


#meta a:link, #meta a:visited
{ color: #6a3423; text-decoration: none; }

#meta a:hover, #meta a:active, #meta a:focus
{ color: #a55136; }
