/*+--------------------------------------------------+
  +  stylesheet für www.zwitschermaschine.li
  +  the usual stylesheet - standards compliant browsers
  +  copyright (c) sappari design/development
  +  http://www.sappari.com
  +  1.1 september 2006
  +--------------------------------------------------+*/


/*+--------------------------------------------------+
  +  general
  +--------------------------------------------------+*/
body { background-color:#a1b9b1; font-family:'Times New Roman',Times,serif; }


/*+--------------------------------------------------+
  +  layout
  +--------------------------------------------------+*/
/* allgemein */
.main { width:852px; padding:12px; margin:24px auto 0 auto; background-color:#ffffff; } /* gesamthöhe: ??? px */

/* index */
.index-wrapper { min-height:543px; border-width:2px; border-color:#ffffff; border-style:solid; padding:24px 36px 24px 36px; } /* min-height 480 */
.singing-bird { width:150px; padding-top:220px; margin:0 auto 0 auto; text-align:center; }

/* zwitscher_text */
.text-wrapper { min-height:543px; border-width:2px; border-color:#6f9288; border-style:solid; padding:24px 36px 24px 36px; }
.top-nav { width:100px; margin:0 auto 0 auto; text-align:center; /* background-color:silver; */ }

/* zwitscher_navigation */
.nav-1-wrapper { float:left; width:252px; min-height:543px; padding:6px 6px 42px 6px; border-width:2px; border-color:#6f9288; border-style:solid; }
.nav-2-wrapper { float:left; width:550px; min-height:543px; padding:6px 6px 42px 6px; border-width:2px; border-color:#6f9288; border-style:solid; }
.nav-connector { float:left; width:18px; border-style:solid; border-width:2px 0 0 0; border-color:#6f9288; }
.nav-head { border-bottom:1px solid black; padding-top:36px; margin:0px; }
.nav-title { line-height:24px; border-bottom:1px solid black; padding-top:4px; margin:0px; font-weight:bold; }
.nav-entry { line-height:24px; border-bottom:1px solid black; padding-top:4px; margin:0px; }
.bottom-nav { width:100px; margin:66px auto 0 auto; text-align:center; /* background-color:silver; */ }


/*+--------------------------------------------------+
  +  text
  +--------------------------------------------------+*/
/* absatzformate */
h1 { font-weight:normal; text-decoration:none; font-size: 1.4em; }
h2 { font-weight:normal; text-decoration:none; font-size: 1.2em; }
h3 { font-weight:normal; text-decoration:none; font-size: 1em; }
.intro { line-height:150%; font-weight:bold; }
.author { line-height:150%; font-style:italic; /* border-bottom:1px solid black; */ }
.text-wrapper p { line-height:150%; }
.date { font-style:italic; }
.footnote { padding-top:5px; border-top:2px solid #CCCCCC; font-size: 0.8em; }

/* zeichenformate */
.quote { font-style:italic; display:block; margin:1em 2em 1em 2em; padding:5px; }
strong { font-weight:bold; font-style:italic; }

/* aufzählung */
ul { line-height:150%; }
li { margin-top: 0.5em; }
.nav-1-wrapper ul { list-style-type:none; margin:0; padding:0; line-height:24px; }
.nav-1-wrapper li { border-bottom:1px solid black; padding-top:4px; margin:0px; }
.nav-2-wrapper ul { list-style-type:none; margin:0; padding:0; line-height:24px; }
.nav-2-wrapper li { border-bottom:1px solid black; padding-top:4px; margin:0px; }


/*+--------------------------------------------------+
  +  navigation
  +--------------------------------------------------+*/
a { font-weight:bold; color:#6f9288; text-decoration:none; }
a:hover { color:#000000; }
.nav-selected { font-weight:bold; }


/*+--------------------------------------------------+
  +  experimental
  +--------------------------------------------------+*/
/* IE 6 hack für min-height
   (IE interpretiert min-height und important nicht, nur height in 3. deklaration
   FF und opera dagegen min-height und important, 3. deklaration wird deshalb ignoriert)

.box { min-height: 200px; height: auto !important; height: 200px; }
*/