/*<![CDATA[*/

  /*
    Code and design by Nebulus Design / Christoffer Aronsson (christoffer at nebulus dot se). Let me know if you intend
    to reuse this code for something.
  */

  <!--
  /* LAYOUT / STYLE */

  body {
    background-color: #9F9F9F;
    position: absolute;
    margin-top: 100px;
    margin-left: 150px;
    margin-right: 0px;
    margin-bottom: 100px;
  }
  #mainArea {
    background-color: #DFDFDF;
    position: relative;
    width: 400px;
    /* height: 400px; */
    border: solid;
    border-color: #000000;
    border-width: 1;
  }
  #textArea {
    margin-top: 30px;
    margin-left: 30px;
    margin-right: 30px;
    margin-bottom: 30px;
  }
  #footerArea {
    background-color: #9F9F9F;
    position: relative;
    text-align: right;
    width: 402px;
    height: 100px;
  }
  #line {
    /* background-color: #BBBBBB;*/
    height: 1px;
    width: 100%;
    margin-top: 8px;
    margin-bottom: 5px;
    border-bottom: 1px solid #BBBBBB;
  }
  
  /* IMAGES */
  
  img.logo {
    position: absolute;
    top: -61px;
    /* INTERNET EXPLORER FIXAR INTE DET HÄR */ 
    border: 0px;
    z-index: 5;
    /* IE fix */
    display: inline;
  }

  /* TYPOGRAPHY / LINKS */

  a:link {
    text-decoration: none;
    color: #000000;
    font-family: Georgia, Times;
    font-size: 0.7em;
    text-align: left;
    }
  a:visited {
    text-decoration: none;
    color: #000000;
    font-family: Georgia, Times;
    font-size: 0.7em;
    text-align: left;
    }
  a:active {
    text-decoration: none;
    color: #000000;
    font-family: Georgia, Times;
    font-size: 0.7em;
    text-align: left;
    }
  a:hover  {
    text-decoration: none;
    color: #446644;
    font-family: Georgia, Times;
    font-size: 0.7em;
    text-align: left;
  }

  /* TYPOGRAPHY / STYLES */
  
  b {
    font-weight: bold;
  }
  bb {
    font-weight: bolder;
  }
  h1, h2, h3, h4, h5, h6 {
    font-family: Georgia, Times;
    text-align: left;
    margin-left: 30px;
  }

  /* STYLE */

  hr {
    color: #000000;
    border-color: #000000;
    background-color: #000000;
    border: 0;
    height: 1px;   
    width: 100%;
  }

  hr:dim {
    color: #555555;
    border-color: #555555;
    background-color: #555555;
    border: 0;
    height: 1px;   
    width: 100%;
  }
  
  /* TEXT / TYPOGRAPHY MISC */
  span.title  {
    text-decoration: none;
    color: #CCCCCC;
    font-family: Georgia, Times;
    font-size: 3em;
    text-align: left;
  }

  span.text  {
    text-decoration: none;
    color: #000000;
    font-family: Georgia, Times;
    font-size: 0.7em;
    text-align: left;
  }
  span.text_medium  {
    text-decoration: none;
    color: #000000;
    font-family: Georgia, Times;
    font-size: 0.9em;
    text-align: left;
  }
  span.header {
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    color: #000000;
    font-family: Georgia, Times;
    font-size: 0.65em;
    font-weight: bold;
  }
  span.header_medium {
    text-align: left;
    text-decoration: none;
    text-transform: uppercase;
    color: #000000;
    font-family: Georgia, Times;
    font-size: 0.85em;
    font-weight: bold;
  }
  span.header2 {
    text-align: left;
    text-decoration: none;
    /* text-transform: uppercase; */
    color: #000000;
    font-family: Georgia, Times;
    font-size: 1.0em;
    font-weight: bold;
  }
  span.footerText {
    color: #882222;
    font-family: Georgia, Times;
    font-size: 8px;
    font-weight: bold;
    text-align: right;
    text-transform: uppercase;
    position: absolute;
    top: 0px;
    right: 10px;
    width: 580px;
    z-index: 0;
  }
  -->
/*]]>*/