@import url(navigation.css); /* ---------------------------------------------teehausgalerie - slides ------------------------------------------------ */html, body { margin: 0px; padding: 0px; } body { font-family: Arial, Helvetica, sans-serif; font-size: 14px; line-height: 1.0; margin-bottom: 5%; background: url(../staples/backgroundBodyGreen.jpg); } #wrapper { position: relative; width: 75%; max-width: 900px; min-width: 600px; margin: 0% auto; } #wrapper div#boxBottomRight { line-height: 40px; margin-left: 50px; background: url(../staples/boxBottomRight2.png) right bottom no-repeat; } #wrapper p#boxBottomLeft { margin: 0px 0px 0px -50px; width: 50px; background: url(../staples/boxBottomLeft2.png) left bottom no-repeat; }

  /* HEADER AREA ------------------------------------------------ */#page { position: relative; background: url(../staples/backLeft.png) left bottom repeat-y; } #topbanner { height: 93px; margin: 0px 21px 0px 0px; background: #556b2f url(../staples/bamboobanner.jpg) right top repeat-x; } /* CONTENT AREA */#content { position: relative; margin: 0px 0px 0px 21px; padding: 0px; background: transparent url(../staples/backRight.png) right bottom repeat-y; height: 1%;   /* hasLayout - IE */}

  /* TEXTAREA ------------------------------------------------ */#textarea { position: relative; margin: 0px 21px 0px 0px; padding-top: 30px; } #textarea #corners { position: absolute; top: 0px; width: 100%; background: url(../staples/r_cornerLeft.gif) left top no-repeat; } #textarea #corners p { margin: 0px; line-height: 250%; background: url(../staples/r_cornerRight2.gif) right top no-repeat; position: relative;   /* IE6 */}

  /* FOLIEN ------------------------------------------------ */.folie { width: 90%; margin: 0px auto 40px; position: relative;  /* IE6 */} .folie p { margin: 40px 0px; text-align: center; }

  /* PAGE NAVIGATION ------------------------------------------------ */#pagenav { padding-right: 4px; padding-bottom: 3px; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; font-size: 80%; font-weight: bold; text-align: right; line-height: 1.0; background: url(../staples/pagenavDots.gif) left bottom no-repeat; } #pagenav h2 { display: inline; margin: 0px 5px 0px 0px; } #pagenav ul li { display: inline; color: #555; } #pagenav a { padding: 0px 1px 1px; } #pagenav a:hover { background: #fff url(../staples/greenDots.gif) center top no-repeat; } #pagenav p.subhead { display: inline; margin: 0px 5px 0px 0px; line-height: 1.0; color: #007070; } #pagenav ul span { font-weight: normal; color: #008080; } #pagenav li.current { padding: 0px 1px; color: #a00;  /* #667 */}

  /* FOOTER ------------------------------------------------ */#content p.footer { position: relative; margin: 0px 21px 0px 0px; padding: 0px 0px 6px 0px; background: #fffaf0; clear: both; } #content p.footer span { display: block; width: 50%; margin: 0px auto; padding-top: 8px; font-size: 80%; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; text-align: center; background: url(../staples/dotline.gif) center top no-repeat; color: #1C6C5C; }

/* ---------------------------------------------ELEMENTS ------------------------------------------------ *//* HEADINGS -------------------------------- */h1 { margin: 0px 0px 10px; padding: 0px; font-size: 162%; font-weight: normal; font-style: italic; font-family: 'Times New Roman', Times, Serif; letter-spacing: 0.047em; line-height: 1.3; color: #2f4f4f; } h2.sub { margin: -4px 0px 20px 0px; font-size: 100%; color: #008080; } h2 { margin: 28px 0px 8px -6px; font-size: 100%; color: #007070; }

    /* LISTS ----------------------------------- */ul { margin: 0px; padding: 0px; list-style: none; } ul li { margin: 0px; padding: 0px; } ul.gallNav{ position: relative; width: 100%; /* triggering layout - IE6 */padding: 0px 0px 6px; font-size: 82%; font-weight: bold; font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; clear: both; } ul.gallNav li { display: inline; color: #555; } ul.gallNav li.prevnext { position: absolute; top: 0px; right: 0px; width: 140px; padding-bottom: 3px; text-align: right; background: #fffaf0; } ul.gallNav li.current { color: #a00;  /* #667 */font-style: italic; letter-spacing: 0.078em; } ul.gallNav span { font-weight: normal; color: #008080; }

    /* INLINE ---------------------------------- */em { font-family: Verdana, Geneva, sans-serif; color: #600; } strong { color: #600; font-size: 90%; }