@media screen {
  /** set back background color */
  body { background-color: #eeeeee; background-image:none; }
  /** reset page padding */
  .page { padding: 0; }
  /** set new dimensions and color for page_margins */
  .page_margins { 
                  min-width: 60em;
                  max-width: 1024px;
                  min-height: 400px;
                  border: 1px solid #906f3c;
                  border-width: 1px 2px 2px 1px;
                  background: #fff url(header/efringen-sommer1.jpg) scroll no-repeat top left;
                  }
  /** set header width and image settings */
  #header { 
            height:170px;
            padding:20px;
            background-color: transparent;
            background-attachment: scroll;
            background-repeat: no-repeat;
            background-position: 30px 40px;
            }
  /** set background images for header */
  body.contact #header {background-image: url(berger-meier-jazzband/ti-contact-big.png);}
  body.error #header {background-image: url(berger-meier-jazzband/ti-error-big.png);}
  body.gbook #header {background-image: url(berger-meier-jazzband/ti-gbook-big.png);}
  body.infos #header {background-image: url(berger-meier-jazzband/ti-info-big.png);}
  body.links #header {background-image: url(berger-meier-jazzband/ti-links-big.png);}
  body.members #header {background-image: url(berger-meier-jazzband/ti-members-big.png);}
  body.news #header {background-image: url(berger-meier-jazzband/ti-news-big.png);}
  body.search #header {background-image: url(berger-meier-jazzband/ti-search-big.png);}
  body.sound #header {background-image: url(berger-meier-jazzband/ti-sound-big.png);}

  /** set slogan */
  .slogan { 
            color: #906f3c;
            margin-top:10px;
            text-align:right;
            font-size:1.5em;
            }
  .slogan a { 
              color: #5f4a27;
              font-size: 2em;
              }
  .slogan a:visited { color: #5f4a27; }

  /** new link color settings */
  a { color: #5f4a27; }
  a:visited, a:hover { color: #906f3c; }

  /** overwrite table settings */
  thead th {
             border-color:#5f4a27;
             background-color: #906f3c;
             }

  thead th a:visited { color: #fff }

  /** Blocksatz in col3 */
  #col3 p { text-align:justify; }

  /** padding for .image_container */
  .image_container { padding:5px; }

  /** some style element */
  .item {
          border: #ddd 2px dotted;
          padding: 5px;
          margin-bottom: 10px;
          }

  /** read more link */
  .more {
          padding-left: 16px;
          padding-top: 8px;
          background-image: url(berger-meier-jazzband/icon-more.png);
          background-position: top left;
          background-repeat: no-repeat;
  }

  /** back link */
  #col3 p.back { 
          text-align:right;
          padding-right:16px;
          padding-top: 8px;
          background-image: url(berger-meier-jazzband/icon-back.png);
          background-position: top right;
          background-repeat: no-repeat;
  }

  /** info over news */
  .info { 
          padding-left: 30px;
          background-image: url(berger-meier-jazzband/icon-info.png);
          background-position: 5px 5px;
          background-repeat: no-repeat;
          }

  .comment { 
             border: #ddd 2px dotted;
             padding: 5px;
             margin-bottom: 10px;
             min-height: 50px;
             }

  .inline-comment {
                    background-color: #f8f8f8;
                    color: #666666;
                    padding: 5px;
                    }

  /** padding for .image_container */
  .image_container {
                 padding: 5px;
                 background-color: #f8f8f8;
   }

  .caption {
            font-style: italic;
            color: #666666;
            padding: 5px;
           }

   .important, .note, .warning {
      clear:both;
    }
}

@media print { 
  #col3 { margin-left:0px; border:0; }
}

@media all {
   span.dreh {
      direction:rtl;
      unicode-bidi: bidi-override;
      text-align: left
   }
}