/* Der Siedler-Treffpunkt: main layout used for screen, but not for  */
/* printing. Defines background colors and borders                   */

body     {color:#321818;
          background-color:#F8D8A8;
          /* set left and right border for body (netscape only)      */
          /* it will only be viewed for media screen since this      */
          /* style sheet is only used for media screen               */
          /* the border will be deactivated for newer browsers in    */
          /* the style sheet file for text layout                    */
          margin-left:30px; margin-right:30px;
          border-left-style:solid;
          border-left-width:1px;
          border-right-style:solid;
          border-right-width:1px;
          border-color: #993300;
          padding-left:20px; padding-right:20px;
          padding-bottom:0;
          }


@media screen {                        /* not for netscape 4.x       */

body     {color:#321818;
          background-color:#202000;}

/* borders                                                           */
/* color and background color are neccessary for correct coloring of */
/* the round edges in mozilla                                        */
.rahmen0 {border:2px solid #202000;
          -moz-border-radius:25px;
          color:#321818;
          background-color:#383010;
          margin-top:5px; margin-bottom:5px;}
.rahmen1 {border:2px solid #383010;
          -moz-border-radius:25px;
          color:#321818;
          background-color:#584828;}
.rahmen2 {border:2px solid #584828;
          -moz-border-radius:25px;
          color:#321818;
          background-color:#908058;}
.rahmen3 {border:2px solid #908058;
          -moz-border-radius:25px;
          color:#321818;
          background-color:#B8A070;}
.rahmen4 {border:2px solid #B8A070;
          -moz-border-radius:25px;
          color:#321818;
          background-color:#E0C090;}
.rahmen5 {border:2px solid #E0C090;
          -moz-border-radius:25px;
          color:#321818;
          background-color:#F8D8A8;}

.inhalt  {color:#321818;
          background-color:#F8D8A8;
          border:2px solid #F8D8A8;
          -moz-border-radius:25px;
          padding:0 20px;}

/* height of header should span the image, which is 81 pixels heigh  */
/* with a top and bottom margin of each 5 pixels. IE up to 6.0 does  */
/* not understand min-height, so the height is fixed and re-set to   */
/* auto with a selector the IE does not support                      */
div#kopf {min-height:91px;
          height:91px;}
div#kopf[class]
         {height:auto;}
}