/******************************************************************************
 * The standard style of the site of Vrienden van het Spiegel.                *
 *                                                                            *
 * File name:     vvsstijl.css                                                *
 * Last modified: 20020710                                                    *
 ******************************************************************************/


/******************************************************************************
 * Basic properties.                                                          *
 ******************************************************************************/

BODY
{
   color:      black;
   background: rgb(208,255,203);
}


BODY, P, TH, TD, UL, OL, LI, PRE
{
/*   display:      block; */
   font-family:  Verdana, Arial, Helvetica, Sans-serif;
   font-variant: normal;
   font-size:    10pt;
   font-style:   normal;
   text-align:   left;
   margin:       0 0 0 0;
}


BODY, P, UL, OL, LI, PRE
{
   display: block;
}


PRE
{
   font-family: monospace;
   white-space: pre;
}


FORM
{
   display: inline;    /* do not display <form> tags */
}


/* For an unknown reason, Netscape needs the "font-size" attribute.  If this
   attribute isn't present, Netscape will misalign a right-aligned picture that
   is on the same line as a left-aligned picture.  It's strange that Netscape
   needs this anyway, and it's even stranger that Netscape needs this attribute
   in MSIE notation, which it normally rejects.  Anyway, other browsers don't
   mind, so just put it in to satisfy Netscape. */

IMG
{
   font-size: 9pt;
}


/******************************************************************************
 * Margins.                                                                   *
 ******************************************************************************/

/* Give the body a left and right margin to make a nice layout.
   The body of a menu frame, however, looks nicer without the margins. */

BODY
{
   margin-left:  0.2cm;
   margin-right: 0.2cm;
}

BODY.menu
{
   margin-left:  0cm;
   margin-right: 0cm;
   background:   url('../../common/picture/menucontentsseparator.gif');
}


P
{
   margin-top: 0.5em;
}


OL, UL
{
   margin-left:  10mm;
   margin-right: 0mm;
}


/******************************************************************************
 * Headings.                                                                  *
 ******************************************************************************/

/* This site uses P.Heading0 instead of H1, P.Heading1 instead of H2, and so
   on.  The reason is that this allows better control over top and bottom
   margins of heading lines.  Specifically, it is the only way to make sure
   Internet Explorer and Netscape use the same margin settings. */

P.Heading0
{
   font-size:     18pt;
   font-weight:   bold;
   text-align:    center;
   margin-top:     0cm;
   margin-bottom:  0cm;
   margin-left:   -1cm;
   margin-right:  -1cm;
   color:		  rgb(0,100,0);
}

P.Heading1
{
   font-size:     15pt;
   font-weight:   bold;
   text-align:    left;
   margin-top:    1cm;
   margin-bottom: 0cm;
   color:		  rgb(0,100,0);
}

P.Heading2
{
   font-size:     13pt;
   font-weight:   bold;
   text-align:    left;
   margin-top:    1cm;
   margin-bottom: 0cm;
   color:		  rgb(0,100,0);
}

P.Heading3
{
   font-size:     11pt;
   font-weight:   bold;
   text-align:    left;
   margin-top:    5mm;
   margin-bottom: 0mm;
   color:		  rgb(0,100,0);
}

P.Heading4
{
   font-size:     10pt;
   font-weight:   bold;
   text-align:    left;
   margin-top:    5mm;
   margin-bottom: 0mm;
   color:		  rgb(0,100,0);
}

P.Voetnoot
{
   font-size:     8pt;
   font-weight:   italic;
   text-align:    left;
   margin-top:    2mm;
   margin-bottom: 0mm;
}   
/******************************************************************************
 * Tables.                                                                    *
 ******************************************************************************/

/* Unfortunately, setting a cell padding or a cell margin doesn't work with
   Netscape.  Therefore, this section specifies text alignment only.  Cell
   padding must still be specified by putting "cellpadding=0" in the <table>
   tag. */

TH, TD
{
   text-align:     left;
   vertical-align: top;
}


/******************************************************************************
 * Lists.                                                                     *
 ******************************************************************************/

UL LI
{
   list-style: disc;
}


/******************************************************************************
 * Captions.                                                                  *
 ******************************************************************************/

/* Usage of <FigureCaption> and <TableCaption>:
      <p class="Centered">
         <img width="widthvalue" ...>
         <table cellspacing="0" cellpadding="0" border="0" align="center">
            <tr>
               <td class="FigureCaption" width="widthvalue">
                  Text of the figure caption.
               </td>
            </tr>
         </table>
      </p>
   Normally, no widthvalue is needed for <TableCaption>.
*/

TD.FigureCaption
{
   text-align: left;
   font-style: italic;
}

TD.TableCaption
{
   text-align: left;
   font-style: italic;
}


/******************************************************************************
 * Citation blocks.                                                           *
 ******************************************************************************/

P.CitationBlock
{
   padding-left:  1cm;
   padding-right: 1cm;
   text-align:    justify;
   font-style:    italic;
}


/******************************************************************************
 * Right-aligned text on the same line as a level-1 heading.                  *
 ******************************************************************************/

/* Usage of <RightOfHeading1>:
      <p class="Heading1">
         <table border="0" cellspacing="0" cellpadding="0" align="right">
            <tr>
               <td class="RightOfHeading1">
                  Text to be displayed to the right of the level-1 heading.
               </td>
            </tr>
         </table>
         Level-1 heading
      </p>
*/

TD.RightOfHeading1
{
   text-align:     right;
   vertical-align: bottom;
   padding-top:    2mm;
}


/******************************************************************************
 * Addresses.                                                                 *
 ******************************************************************************/

P.Address
{
   font-size:    9pt;
   padding-left: 1cm;
   font-style:   italic;
}


/******************************************************************************
 * Entries in the main index.                                                 *
 ******************************************************************************/

TH.Spiegelindex
{
   background: #204080;    /* same colour as the menu-contents separator */
   color:      white;      /* for visibility; is housestyle color too    */
}


/******************************************************************************
 * Dates of news items.                                                       *
 ******************************************************************************/

/* Usage of <NewsItemDate>, assuming that the news item is a level-1 heading:
   <p class="Heading1">
      <table border="0" cellspacing="0" cellpadding="0" align="right">
         <tr>
            <td class="NewsItemDate">
               Date of the news item
            </td>
         </tr>
      </table>
      Title of the news item
   </p>
*/

TD.NewsItemDate
{
   text-align:     right;
   vertical-align: bottom;
   padding-top:    2mm;
   font-style:     italic;
}


/******************************************************************************
 * Items in the Spiegel diary.                                                *
 ******************************************************************************/

TD.vvsdiaryItem
{
   font-size: 8pt;
}

TD.vvsrightdiaryItem
{
   font-size:  8pt;
   text-align: right;
}


/******************************************************************************
 * Entries in the list of Spiegel members.                                    *
 ******************************************************************************/

TD.Memberlist, TH.Memberlist
{
   font-size: 8pt;
}


TD.MemberlistCentered, TH.MemberlistCentered
{
   font-size:  8pt;
   text-align: center;
}



/******************************************************************************
 * Text entry in a form.                                                      *
 ******************************************************************************/

P.FormTextLabel
{
   margin-top: 0.32em;
}

P.FormTextInput
{
   margin-top:  0em;
   font-family: ""
}


TD.FormExplanation
{
   font-size:  8pt;
   font-style: italic;
}


TD.FormSelectLabel
{
   text-align:     left;
   vertical-align: middle;
}

TD.FormSelectInput
{
   text-align:     left;
   vertical-align: middle;
}


/******************************************************************************
 * Date and time of last modification of a page.                              *
 ******************************************************************************/

P.LastModified
{
   text-align: center;
   margin-top: 2em;
}

TD.LastModified
{
   font-size:  8pt;
   font-style: italic;
   text-align: left;
}


/******************************************************************************
 * Copyright notice.                                                          *
 ******************************************************************************/

P.Copyright
{
   font-size:   8pt;
   text-align:  left;
   margin-left: 1mm;
   margin-top:  1mm;
   background:  transparent;
}


/******************************************************************************
 * Explicit alignment.                                                        *
 ******************************************************************************/

P.Centered, TH.Centered, TD.Centered
{
   text-align: center;
}

P.RightAligned, TD.RightAligned
{
   text-align: right;
}

P.Indented
{
   padding-left: 1cm;
}

P.Narrow
{
   padding-left:  1cm;
   padding-right: 1cm;
}


/******************************************************************************
 * Formatting for special cases.                                              *
 ******************************************************************************/

SPAN.ExternalLink
{
   color: teal;
}


/******************************************************************************
 * Go beyond all left-aligned or right-aligned items.                         *
 ******************************************************************************/

BR.ClearAll
{
   clear:         both;
   margin-top:    1em;
   margin-bottom: 0;
   line-height:   0;
}


/******************************************************************************
 * <BreakAllowed> identifies that a word break is allowed, but that no        *
 * hyphen must be inserted when a break is used.  This is what the <wbr> tag  *
 * should have achieved, if that tag would have worked in all browsers.       *
 ******************************************************************************/

SPAN.BreakAllowed
{
   font-size: 1pt;
}


/******************************************************************************
 * End of vvsstijl.css .                                                      *
 ******************************************************************************/