/* Der Siedler-Teffpunkt: text layout                                */
/* Defines text colors, fonts and postions for screen and printing   */

body     {font-family:sans-serif;}
/* deactivate border around body for others than netscape 4.x        */
@media all {
body     {margin-left:40px; margin-right:40px;
          border:0 none;
          padding-left:0; padding-right:0;}
}
div      {font-family:sans-serif;}     /* for netscape 4.x           */

/* color and background color for printing                           */
/* This must be set here and not in the main layout style sheet,     */
/* because te main one will be used for screen only                  */
@media print {
body     {background-color:#FFFFFF;
          color:#321818;}
}

/* header and footer                                                 */
#kopf, #fuss
         {text-align:center;}
#kopf img
         {float:left;
          margin:5px;
          border:0 none;}
h1       {font-weight:bold;}
h1 a:link, h1 a:visited
         {background-color:transparent;
          color:#321818;}
h1 a:hover
         {background-color:transparent;
          color:#993300;}
/* adjust text in header, not neccessary for netscape 4.x            */
@media screen {
h1, .nav {margin-right:61px;}
.nav a   {margin-left:.25em; margin-right:.25em;}
}
#fuss    {font-size:.8em;}

/* tell netscape 4.x not to draw borders around the logo             */
/* ... and undo it for newer browsers because the color is used for  */
/* the alt-text too                                                  */
#kopf a.img
         {color:#F8D8A8;}
@media screen {
#kopf a.img:link
         {color:#993300;}
#kopf a.img:visited
         {color:#DF4C00;}
}

/* end float to position following elements correct                  */
.rahmen0 {clear:both;}

/* link colors                                                       */
a:link   {color:#993300;
          background-color:transparent;
          text-decoration:none;}
a:visited
         {color:#DF4C00;
          background-color:transparent;
          text-decoration:none;}
a:hover  {text-decoration:underline;}
a:active {color:#DF4C00;
          background-color:transparent;
          text-decoration:underline;}

/* news line                                                         */
/* set background colorto transparent for netscape 4.x and redefine  */
/* it for the newer browsers                                         */
p.news   {text-align:center;
          color:#321818;
          background-color:transparent;
          -moz-border-radius:4px;
          line-height:1.2em;
          min-height:19px;
          padding-top:2px; padding-bottom:2px;}
span.news
         {width:80%; margin-left:10%;}
@media all {
p.news   {background-color:#F3BE6D;}
span.news
         {margin-left:0;}
}
p.news img
         {margin:0 10px 0 10px;
          border:0 none;}

/* toplinks: go back to table of contents                            */
#toplinks {
  font-family: sans-serif; 
  font-size: 1em;
  font-weight: bold;
  text-align: center;
  margin-top: 0.5em;
}

/* prevlinks and nextlinks: switch between pages of a topic          */
p.prevlink a {
  font-weight: bold;
}
p.prevlink a.img {
  color: #F8D8A8;                                    /* netscape 4.x */
}
p.prevlink img {
  border: 0 none;
}
p.nextlink {
  text-align: right;
}
p.nextlink a {
  font-weight: bold;
}
p.nextlink a.img {
  color: #F8D8A8;                                    /* netscape 4.x */
}
p.nextlink img {
  border: 0 none #F8D8A8;
}


/* format the page content                                           */
#text    {line-heigt:1.2em;}
#text a  {font-weight:700;}

/* floating images in the text                                       */
.imgleft {
  float:left;
  margin: 5px 10px 5px 0;
}
.imgright {
  float:right;
  margin: 5px 0 10px 5px;
}
a .imgleft
         {float:none;}
a .imgright
         {float:none;}
@media all {
a .imgleft
         {float:left;}
a .imgright
         {float:right;}
}

/* table of contents                                                  */
dl.content dt
         {margin-top:0.6em;}
@media all {
dl[class="content"] dt
         {line-height:1.2em;
          width:35%;}
dl[class="content"] dd
         {margin-top:-1.2em;
          margin-left:37%;}
}
/* annotaion                                                         */
p.annotation {
  font-style: italic;
  font-size: smaller;
}