/*

  CSS - style sheet for Svanholm's re-layout
  
  more robust
  more print-oriented
  
*/


body {
  margin: 0px;
  padding: 0px;
  text-align: center;
	background-color: transparent;
}


/* Font families

    - characteristic elements such as headers and navigation
      tabs will be rendered using the Trebuchet font on Win
      and Mac and the DejaVu Sans Condensed font in Linux.
    - normal text is rendered using either Verdana or again
      this DejaVu Sans Condensed.

* * * * * * * * * * * * * * * * */


h1, h2 {
  font-family: Trebuchet, "Trebuchet MS", "DejaVu Sans Condensed", Verdana, Geneva, Arial, Helvetica, sans-serif;
}
 
p, ul {
  font-family:  Verdana, Geneva, Arial, Helvetica, sans-serif;
}




/* Elements that will entirely disappear:

    - the header
    - the menu

* * * * * * * * * * * * * * * * */ 


#header, #menu, #footer {
  display: none;
}

/* The wrapper is used to keep the page centered on screen */

#wrapper {
  position: relative;
  margin: 0 auto auto auto;
    top: 0;
    width: 16cm;
  background: transparent;
}



/* The body now contains:

    - the menu(s)
    - the content

* * * * * * * * * * * * * * * * */ 

#body {
  position: relative;
  float: none;
  margin: 0;
    width: auto;
  background: transparent;
}



/* Content */
#content {
  position: relative;
  float: none;
  margin: 0 auto auto auto;
    top: 0;
    width: 16cm;
  background: transparent;
}

  #sorter {
    position: relative;
    margin: 0 0 auto 0;
      top: 0;
      width: 16cm;
    background: transparent;
    clear: both;
  }

  .lcol {
    position: relative;
    float: left;
      width: 7.95cm;
    padding: 0;                       /* Total width of the div will be 365px = 16(pl) + 332(w) + 16(pr) + 1(br) */
    background: transparent;
    border-style: dotted;
    border-color: transparent;
    border-right-color: #cfbe82;
    border-width: 0 1px 0 0;
    clear: both;
  }

  .rcol {
    position: relative;
    float: right;
      width: 8cm;
    padding: 0;                       /* Total width of the div will be 364px = 20(pl) + 324(w) + 20(pr) */      
    background: transparent;
  }

  .textcol {
    position: relative;
    float: left;
      width: 10.95cm;
    padding: 0;                       /* Total width of the div will be 501px = 20(pl) + 460(w) + 20(pr) + 1(br) */
    background: transparent;
    border-style: dotted;
    border-color: transparent;
    border-right-color: #cfbe82;
    border-width: 0 1px 0 0;
  }

  .mrgcol {
    position: relative;
    float: right;
      width: 5cm;
    padding: 0;                       /* Total width of the div will be 228px = 20(pl) + 188(w) + 20(pr) */
    background: transparent;
  }


/* Text formatting in content */
  
  #content h1 {
    margin: 0 0.5cm 0.2cm 0.5cm;
    padding: 0px;
    line-height: 24px;
    font-size: 21px;
    font-weight: normal;
    text-align: left;
    color: #004040;
  }
  
  #content h2 {
    margin: 0.5cm 0.5cm 0.1cm 0.5cm;
    padding: 0px;
    line-height: 18px;
    font-size: 16px;
    font-weight: bold;
    color: #003030;
    text-align: left;
  }
  
  #content p {
    margin: 0 0.5cm 0 0.5cm;
    padding: 0px;
    line-height: 17px;
    font-size: 12px;
    color: #404040;
    text-align: left;
  }
  
  #content p.distance {
    margin-bottom: 0.2cm;
  }
  
  #content p.extradistance {
    margin-bottom: 0.5cm;
  }
  
  #content a {
    color: #c00000;
    text-decoration: none;
    border-style: dotted;
    border-width: 0 0 1px 0;
  }
  
  #content a:hover {
    background-color: #EbEbD0;
    color: #a00000;
    text-decoration: none;
    border-style: solid;
  }
  
  #content ul {
    margin: 0.25cm 0.5cm 0.25cm 0.5cm;
    line-height: 18px;
    font-size: 12px;
    color: #404040;
    text-align: left;
  }
  
  #content li {
    margin: 0px 0px 4px 0px;
  }
      
  #content img.icon {
    float: left;
    margin: 0.15cm 0.25cm 0 0;
    border: none 0px;
  }
  
  #content img.arw {
    float: left;
    margin: 0;
    border: none 0px;
    padding: 0 8px 0 0;
  }
  
  #content span.highlight {
    color: white;
    background-color: #400000;
  }
      
  #content span.date {
    font-size: 11px;
    color: #bda964;
  }


/* The footer now contains:

    - some very important links
    - the last changed date/message
    - some invisible elements which will be shown
      in the print version

* * * * * * * * * * * * * * * * */ 

#footer {
  position: fixed;
  bottom: 0;
    width: 729px;                           /* Total width of the footer div is 729px = ... */
  padding: 36px 0 32px 0;
  background-color: transparent;
	background-image: url(ny_layout_gif/sv_svaner.gif);
  background-repeat: no-repeat;
  background-position: 658px 0px;
}
  
  #footer p {
    text-align: left;
    font-size: 11px;
    color: #404040;
    margin: 0 70px 0 0px;
    padding: 8px 0 0 20px;
      border-style: solid;
      border-color: #464500;
      border-width: 1px 0 0px 0;
  }
      
  #footer span {
    color: #404040;
    line-height: 32px;
  }
        
  #footer a {
    color: #c00000;
    text-decoration: none;
    border-style: dotted;
    border-width: 0 0 1px 0;
  }
  
  #footer a:hover {
    background-color: #EbEbD0;
    color: #a00000;
    text-decoration: none;
    border-style: solid;
  }