body
{
  font-family:  Verdana, sans-serif;
  font-size: 9pt;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

a 
{ 
  text-decoration:none;
  color: #9e6447;
}

a:hover
{ 
  text-decoration: underline;
}

blockquote
{ 
  margin: 3px 20px 3px 20px;
}
 
#body p 
{
  text-align: justify;
  margin: 3px 0 3px 0;
}

#body h1 + p, #body h2 + p, #body h3 + p
{ 
  margin-top: 0;
}

ul, ol
{
  margin: 3px 0 3px 20px;
  padding-left: 0;
}

ul
{
  list-style-type: square;
}

ul.toc
{
   color: #9e6447;
}

h1, h2, h3
{
  text-transform: uppercase;
  margin: 5px 0 0 0;
}

h1
{
  font-weight: bold;
  font-size: 13pt;
  color: #9e6447;
}

h2
{
  font-weight: bold;
  font-size: 10pt;
  color: #9e6447;
}

h3
{
  font-size: 9pt;
  color: #544523;
}

h4
{
  margin: 0 0 0 0;
}

img
{
  border: 0;
}

#body img
{ 
  margin-top: 10px;
  margin-bottom: 10px;
}

#footer p
{ 
  margin-bottom: 0;
}

#kolofon h2, #kolofon p
{ 
  margin: 0 0 0 0;
}

/**********************************************************************
 *
 * Styling of classes
 *
 */

p.udgave
{
  font-weight: bold;
  color: #9e6447;
  text-align: right;
  text-transform: uppercase;
}

.center
{
  display: block; 
  margin-left: auto;
  margin-right: auto;
}

.center_border
{ 
  display: block; 
  margin-left: auto;
  margin-right: auto;
  border: 1px solid gray;
}

.title
{
  font-weight: bold;
}

.forfatter
{
  color: #9e6447;
}

p.subtext
{
  font-style: italic;
}

div.faktaboks, div.faktaboks_center
{
  background: #544523;
  color: #D6CE98;
  padding: 5px 15px 5px 15px;
  -moz-border-radius: 18px;
  -khtml-border-radius: 18px;
}

div.faktaboks h1, div.faktaboks h2, div.faktaboks h3,
div.faktaboks_center h1, div.faktaboks_center h2, div.faktaboks_center h3
{
  color: #D6CE98;
}

div.faktaboks p
{
  text-align: left;
}

div.faktaboks_center, div.faktaboks_center p
{
  text-align: center;
}

div.faktaboks a, div.faktaboks_center a
{
  color: #D6CE98;
}

table.arrangement td
{ 
  vertical-align: top;
}

/**********************************************************************
 *
 * Styling of specific elements
 *
 */

#header
{
  clear:both;
}

#header p
{
  margin: 0 0 0 0;
}

#body
{
  margin: 5px 0 10px 0;
}

#footer
{
  clear: both;
}

#footer p                                          
{                                                  
  padding-top: 8px;                                
  text-align: center;                              
}                                                  

#kolofon
{
  color: #9e6447;
  clear: both;
}

/**********************************************************************
 *
 * Multi column layout
 *
 */

.column1of2
{
  float: left;
  width: 49%;
  margin: 0 2% 0 0;
}

.column2of2
{
  float: left;
  width: 49%;
  margin: 0 0 0 0;
}

.column1of3
{
  float: left;
  width: 32%;
  margin: 0 2% 0 0;
}

.column2of3
{
  float: left;
  width: 32%;
  margin: 0 2% 0 0;
}

.column3of3
{
  float: left;
  width: 32%;
  margin: 0 0 0 0;
}

.column1and2of3
{ 
  float: left;
  width: 66%;
  margin: 0 2% 0 0;
}

/**********************************************************************
 * 
 * Media specific layout
 * 
 */

@media screen
{
  body                                               
  {                                                  
    color: #444000;                                  
    background: #e3eaf2 url("../images/background.jpg") repeat-x;
  }                                                  
  #all                                               
  {                                                  
    width: 760px;                                    
    background: url("../images/frame-outer.jpg") repeat-y; 
    margin: 0 auto;                                  
    padding: 0px;                                    
  }                                                  
                                                     
  #all-inner                                         
  {                                                  
    width: 720px;                                    
    background: url("../images/frame-inner.jpg") no-repeat;
    padding: 20px;                                   
  }                                                  
                                                     
  #footer                                            
  {                                                  
    height: 50px;
    background: url("../images/footer.jpg") no-repeat;         
  }                                                  
                                                     
  #options                                           
  {
     float: right;margin: 2px 2px 0 0; 
  }
}

@media print
{
  body
  {
    color: #000000;
    font-family: Times, serif;
    font-size: 9pt;
  }

  #body 
  {
    min-height: 220mm;
  }

  * html #body
  {
    height: 220mm;
  }

  h1, h2, h3, h4
  { 
    font-family: Helvetica, sans-serif;
  }

  .hide_on_print
  {
    display: none;
  }
    
  .frontpage #header img
  {
    display: inline;
  }

  #header img
  {
    display: none;
  }

  #options
  {
    display: none;
  }

}


/**********************************************************************
 *
 * IE hacks
 *
 */

* html #column1of2
{
  display: inline;
}

* html #column1of3
{
  display: inline;
}

* html #frontleft
{
  display: inline;
}