/*******************************************************************************
***
***  www.picco.dk design - (C)1996-2009 Picco Development
***
*******************************************************************************/

A:link
{
  color: #008000;
}

A:visited
{
  color: #FF0000;
}

A:hover
{
  color: #0000FF;
}

HTML
{
  overflow-y: scroll; /* Tving lodret scrollbar */
}

BODY
{
  background: #90A0B0;
  font: 9pt Verdana, sans-serif;
  line-height: 1.5em;
  margin: 0 auto 8px auto;
  text-align: justify;
  width: 984px; /* Optimeret til 1024 pixels i bredden */
}

P
{
  margin-top: 1.5em;    /* Samme som        */
  margin-bottom: 1.5em; /* BODY line-height */
}

H1
{
  color: #0000FF;
  font: 20pt Verdana, sans-serif;
  margin-top: 0;
}

H2
{
  color: #0000FF;
  font: 14pt Verdana, sans-serif;
}

H3
{
  color: #008080;
  font: bold 9pt Verdana, sans-serif;
  margin-top: 1.5em;    /* Samme som        */
  margin-bottom: 1.5em; /* BODY line-height */
}

H4
{
  color: #800080;
  font: 7pt Verdana, sans-serif;
}

HR
{
  border: none;
  /* border-top: 1px solid #000000; */
  height: 0px;
  margin-top: 3em;    /* Det dobbelte af  */
  margin-bottom: 3em; /* BODY line-height */
}

IMG
{
  border: none;
  vertical-align: top;
}

INPUT, SELECT, TEXTAREA
{
  font: 9pt "Lucida Console", monospace;
}

INPUT[type="checkbox"]
{
  margin-top: 1px;
  padding: 2px;
  vertical-align: top;
}

SPAN.Error
{
  color: red;
  font-weight: bold;
}

UL
{
  list-style-type: disc;
}

UL > LI, OL > LI
{
  margin-bottom: 0.3em;
}

UL.Tight > LI, OL.Tight > LI
{
  margin-bottom: 0;
}

UL.Loose > LI, OL.Loose > LI
{
  margin-bottom: 1.2em;
}



/*******************************************************************************
***
***  Navigeringslinje.
***
*******************************************************************************/

TABLE.NavLinks
{
  border-collapse: collapse;
  color: #917323;
  margin-top: 0;
  width: 100%;
}

TABLE.NavLinks A:link, TABLE.NavLinks A:visited
{
  color: #A6532A;
}

TABLE.NavLinks A:hover
{
  color: #CE6B3A;
}

TABLE.NavLinks TD
{
  padding: 0;
}

TABLE.NavLinks TD.Left
{
  background: url("/graphics/design/page-navlinks-left.gif");
  width: 7px;
}

TABLE.NavLinks TD.Contents
{
  background: url("/graphics/design/page-navlinks.gif") left bottom;
  font-size: 8pt;
  height: 20px;
  padding: 0 16px;
}

TABLE.NavLinks TD.Separator
{
  background: black;
  height: 1px;
}

TABLE.NavLinks TD.Right
{
  background: url("/graphics/design/page-navlinks-right.gif");
  width: 7px;
}



/*******************************************************************************
***
***  Indhold.
***
*******************************************************************************/

TABLE.Contents
{
  background: white url("/graphics/design/page-background.gif");
  border-collapse: collapse;
  width: 100%;
}

TABLE.Contents TD.Left
{
  background: url("/graphics/design/page-left.gif");
  padding: 0;
  width: 15px;
}

TABLE.Contents TD.Contents
{
  padding: 16px 8px 4px 8px;
}

TABLE.Contents TD.Right
{
  background: url("/graphics/design/page-right.gif");
  padding: 0;
  width: 15px;
}

TABLE.Contents TD.BottomLeft
{
  background: url("/graphics/design/page-bottom-left.gif");
  padding: 0;
  width: 15px;
  height: 15px;
}

TABLE.Contents TD.Bottom
{
  background: url("/graphics/design/page-bottom.gif");
  padding: 0;
  height: 15px;
}

TABLE.Contents TD.BottomRight
{
  background: url("/graphics/design/page-bottom-right.gif");
  padding: 0;
  width: 15px;
  height: 15px;
}



/*******************************************************************************
***
***  TABLE.KeyValue
***
*******************************************************************************/

TABLE.KeyValue
{
  border-collapse: collapse;
}

TABLE.KeyValue TH
{
  color: teal;
  font: bold 9pt Verdana, sans-serif;
  line-height: 1.5em; /* Samme som BODY */
  padding: 0 8px 1.2em 0;
  text-align: right;
  vertical-align: top;
}

TABLE.KeyValue TD
{
  padding: 0 0 1.2em 0;
}



/*******************************************************************************
***
***  DIV.Input / TABLE.Input
***
*******************************************************************************/

DIV.Input
{
  background: #FFF8F0;
  border: 1px solid #808080;
  padding: 4px 8px;
}

TABLE.Input
{
  border-collapse: collapse;
}

TABLE.Input TR TH
{
  color: #0000C0;
  font-weight: bold;
  padding: 1px 4px 1px 1px;
  text-align: right;
  vertical-align: middle;
}

TABLE.Input TR TD
{
  padding: 1px;
  vertical-align: middle;
}



/*******************************************************************************
***
***  TABLE.List
***
*******************************************************************************/

TABLE.List
{
  background: #90A0B0;
  border: 2px solid #706070;
  border-collapse: separate;
  color: black;
  width: 100%;
}

TABLE.List TR TH
{
  background: #706070;
  color: white;
  font-weight: bold;
  padding: 1px 4px;
  text-align: center;
}

TABLE.List TR TH A:link
{
  color: yellow;
  text-decoration: none;
}

TABLE.List TR TH A:visited
{
  color: yellow;
  text-decoration: none;
}

TABLE.List TR TH A:hover
{
  color: white;
  text-decoration: none;
}

TABLE.List TR TD
{
  padding: 1px 4px;
  text-align: left;
  vertical-align: top;
}

TABLE.List TR TD A:link
{
  color: navy;
  text-decoration: none;
}

TABLE.List TR TD A:visited
{
  color: navy;
  text-decoration: none;
}

TABLE.List TR TD A:hover
{
  color: maroon;
  text-decoration: none;
}

TABLE.List TR.Row1 TD
{
  background: #D0D0D0;
}

TABLE.List TR.Row2 TD
{
  background: #E0E0E0;
}



/*******************************************************************************
***
***  Skygger til billeder.
***
*******************************************************************************/

DIV.Container_116x116
{
  position: relative;
  width: 116px;
  height: 116px;
}

DIV.Shadow_116x116
{
  background: url('/graphics/design/shadow-116x116.gif') no-repeat;
  width: 116px;
  height: 116px;
  padding: 6px;
  position: absolute;
  left: -6px;
  top: -6px;
}

DIV.Container_128x128
{
  position: relative;
  width: 128px;
  height: 128px;
}

DIV.Shadow_128x128
{
  background: url('/graphics/design/shadow-128x128.gif') no-repeat;
  width: 128px;
  height: 128px;
  padding: 6px;
  position: absolute;
  left: -6px;
  top: -6px;
}

DIV.Container_192x144
{
  position: relative;
  width: 192px;
  height: 144px;
}

DIV.Shadow_192x144
{
  background: url('/graphics/design/shadow-192x144.gif') no-repeat;
  width: 192px;
  height: 144px;
  padding: 6px;
  position: absolute;
  left: -6px;
  top: -6px;
}

DIV.Container_192x192
{
  position: relative;
  width: 192px;
  height: 192px;
}

DIV.Shadow_192x192
{
  background: url('/graphics/design/shadow-192x192.gif') no-repeat;
  width: 192px;
  height: 192px;
  padding: 6px;
  position: absolute;
  left: -6px;
  top: -6px;
}

DIV.Container_256x64
{
  position: relative;
  width: 256px;
  height: 64px;
}

DIV.Shadow_256x64
{
  background: url('/graphics/design/shadow-256x64.gif') no-repeat;
  width: 256px;
  height: 64px;
  padding: 6px;
  position: absolute;
  left: -6px;
  top: -6px;
}



/*******************************************************************************
***
***  Tekst til billeder.
***
*******************************************************************************/

DIV.ButtonText
{
  margin-top: 4px;
  position: relative; /* Undgå at knappen overskygger teksten */
}