html
{
  overflow-y: scroll;
}
body {
  line-height: 1.6;
}
div#container
{
  margin: 0 auto;
  margin-bottom: 40px;
  position: relative;
  width: 954px;
}
  h1
  {

  }
    h1 a
    {
      background: url(../images/FFF-logo1.gif) 25px 25px no-repeat;
      display: block;
      height: 99px;
      text-indent: -10000px;
      width: 235px;
    }
  a#language
  {
    color: #000;
    font-size: 1.1em;
    font-weight: bold;
    position: absolute;
    right: 99px;
    text-decoration: none;
    top: 10px;
  }
  a#language:hover {
    color: #333;
  }
  ul#navigation, div#call, div#application, div#results
  {
    background-color: #f2ff00;
    margin: 0 auto;
    width: 714px;
    position: relative;
    float: left;
  }
  ul#navigation
  {
    position: absolute;
    top: 0; left: 0;
    display: block;
    height: 38px;
    padding-left: 288px;
    width: 467px;
    z-index: 1;
  }
    ul#navigation li
    {
      float: left;
    }
      ul#navigation li a
      {
        background-image: url(../images/nav.sprites.png);
        display: block;
        height: 38px;
        text-indent: -10000px;
      }
      ul#navigation li.call a
      {
        background-position: 0 0;
        background-repeat: no-repeat;
        display: block;
        height: 38px;
        width: 75px;
      }
      ul#navigation li.call a:hover, ul#navigation li.call a.active
      {
        background-position: -75px 0;
        outline: none;
      }
      ul#navigation li.application a
      {
        background-position: -150px 0;
        background-repeat: no-repeat;
        display: block;
        height: 38px;
        width: 86px;
      }
      ul#navigation li.application a:hover, ul#navigation li.application a.active
      {
        background-position: -236px 0;
        outline: none;
      }
      ul#navigation li.results a
      {
        background-position: -322px 0;
        background-repeat: no-repeat;
        display: block;
        height: 38px;
        width: 107px;
      }
      ul#navigation li.results a:hover, ul#navigation li.results a.active
      {
        background-position: -429px 0;
        outline: none;
      }
  div#call, div#application, div#results, div#prev1
  {
    background-position: 0 83px;
    background-repeat: no-repeat;
    padding-top: 44px;
  }
    div.side_content
    {
      display: none;
      float: left;
      width: 303px;
    }
    div.content
    {
      padding-left: 262px;
      padding-right: 29px;
      width: 423px;
      padding-top: 41px;
    }
  div#prev1 {

  }
  div.prev1 div.content {
    padding-bottom: 30px;
    position: relative;
    float: left;
    background: url("../images/muu.side.png") no-repeat scroll 0 85px transparent;
    padding-top: 85px;
  }
  div#call
  {
    background-image: url(../images/side.content.call.png);
  }
    div#call div.content
    {
      padding-bottom: 30px;
    }
      div#call h2
      {
        display: none;

        height: 205px;
        text-indent: -10000px;
        width: 289px;
      }
      div#call div.side_content p
      {
        display: none;
      }
      div#call h3
      {
        font-size: 1.1em;
        font-weight: bold;
      }
      div#call p
      {
        font-size: 0.93em;
        padding-bottom: 1.8em;
      }
  div#application
  {
    background-image: url(../images/side.content.application.png);
    display: none;
  }
    div#application h2
    {
      display: none;

      height: 78px;
      text-indent: -10000px;
      width: 289px;
    }
    div#application div.side_content p
    {
      display: none;
    }
    div#application form#userForm
    {
      padding-bottom: 40px;
    }
    div#application form#userForm p.error
    {
      font-weight: bold;
      padding-top: 10px;
    }
    div#application fieldset
    {
      padding-left: 303px;
      padding-right: 29px;
      width: 423px;
    }
    div#application fieldset.aboutWeb, div#application fieldset.documentation
    {
      background-color: #e4f11c;
    }
      div#application label
      {
        display: block;
        font-size:0.85em;
        padding-bottom:5px;
        padding-top:6px;
      }
      div#application label.radio
      {
        display: inline;
        line-height: 12px;
        padding-right: 10px;
      }
        div#application label.error
        {
          background-image: url(../images/form.error.png);
          background-position: 0 5px;
          background-repeat: no-repeat;
          display: block;
          float: right;
          height: 14px;
          margin: 0;
          padding: 0;
          padding-top: 5px;
          width: 14px;
        }
      div#application input
      {
        border: none;
        height:20px;
        padding-top: 4px;
        width:400px;
      }
        div#application input.error
        {
          /*border: solid 1px red;
          height: 18px;
          width: 398px;*/
        }
      div#application textarea
      {
        border: none;
        height: 125px;
        width:400px;
      }
        div#application textarea.error
        {
          /*border: solid 1px red;
          height: 123px;
          width: 398px;*/
        }
      div#application input.radio
      {
        height: 12px;
        width: 13px;
      }
        div#application input.radio.error
        {
          /*border: 0px solid red;
          height: 12px;
          width: 13px;*/
        }
      div#application span
      {
        display: block;
        font-size: 12px;
        font-weight: bold;
        padding-top: 5px;
      }
        div#application span.smaller
        {
          font-size: 1em;
          font-weight: normal;
          padding-top: 0;
        }
      div#application h3
      {
        display: block;
        font-size: 1.3em;
        font-weight: bold;
        padding-top: 10px;
      }
        div#application fieldset.aboutUser h3
        {
          padding-top: 0;
        }
      div#application fieldset
      {
        padding-bottom: 20px;
        line-height: 1.3;
      }
      div#application input.submit
      {
        background-color: #000;
        border: none;
        color: #fff;
        display: block;
        font-size: 1.3em;
        font-weight: bold;
        height: 31px;
        padding: 0 5px;
        margin-left: 303px;
        margin-top: 20px;
        width: auto;
      }
      div#application input.upload,
      div.file_upload
      {
        background-color: #000;
        border: none;
        color: #fff;
        display: block;
        font-size: 0.9em;
        font-weight: bold;
        height: 28px;
        padding-top: 0;
        width: 95px;
        z-index: 1;
      }
      div.file_upload
      {
        z-index: 2;
        overflow: hidden;
        margin-top: -28px;
        -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
        filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
        -moz-opacity: 0;
        opacity: 0;
        background: red;
        position: relative;
      }
        div#application div.file_upload input
        {
          font-size: 20px;
          position: absolute;
          top: 0;
          right: 0;
          width: auto;
          cursor: pointer;
          margin-top: 4px;
          -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
          filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
          -moz-opacity: 0;
          opacity: 0;
          background: blue;
        }
    div#application p.errorsHrv, div#application p.errorsEng
    {
      font-weight: bold;
      padding-left: 303px;
      padding-right: 29px;
      padding-top: 10px;
      width: 423px;
    }
  div#results
  {
    background-image: url(../images/side.content.results.png);
    display: none;
  }
    div#results h2
    {
      display: none;

      height: 78px;
      text-indent: -10000px;
      width: 289px;
    }
    div#results h3 {
      font-weight: bold;
      padding: 1.8em 0 0 0;
    }
    div#results div.side_content p
    {
      display: none;
    }
    div#results div.content, div#application div.content
    {
      padding-bottom: 130px;
    }
    div#results p
    {
      font-size: 0.93em;
    }
  div#footer
  {
    clear: both;
    height: 40px;
    position: relative;
    margin: 0 auto;
    width: 755px;
    float: left;
    margin-left: 41px;
  }
    a#fiktiv-logo
    {
      display: block;
      background-image: url(../images/footer.logo.png);
      background-position: top right;
      background-repeat: no-repeat;
      height: 30px;
      position: absolute;
      left: 0;
      top: 0;
      text-indent: -10000px;
      width: 81px;
    }
    div#footer p
    {
      float: left;
      font-size: 0.85em;
      padding-left: 100px;
      padding-top: 8px;

    }
      div#footer p.business_hr {
        float: right;
        padding-top: 15px;
      }
        div#footer p.business_hr a {
          background: #fff url(../images/business.png) no-repeat scroll 0pt 0pt;
          display: block;
          height: 28px;
          width: 89px;
          text-indent: -10000px;
        }
      div#footer p a
      {
        color: #000;
        font-weight: bold;
        text-decoration: none;
      }
      div#footer p a:hover {
        color: #333;
      }
  div#sidebar
  {
    position: absolute;
    right: 0;
    top: 99px;
    width: 41px;
    background: url(../images/2012.png) 0 0 no-repeat #baff00;
    min-height: 300px;
  }
  div#sidebar div {
    overflow: hidden;
    position: relative;
    float: left;
    width: 41px;
  }
a
{
  color: #000;
  font-weight: bold;
  text-decoration: none;
}
a:hover {
  color: #5E6300;
}

/* Addon */

div#mainWrapper {
  position: relative;
  float: left;
  background: url(../images/mainwrapper.back.png) 0 0 repeat-y transparent;
  background: #000;
  overflow: hidden;
  width: 796px;
}

div.wrapper {
  position: relative;
  float: right;
  width: 41px;
  overflow: hidden;
}
div.wrapper.expanded {
  width: 755px;
}

div.innerWrapper {
  position: relative;
  float: left;
  width: 755px;
}

div.wrapper.actual {
  background-color: #F2FF00;
}

h4.year {
  position: relative;
  float: left;
  width: 41px;
  min-height: 300px;
  text-indent: -9999px;
  font-size: 0;
  overflow: hidden;
  background: url(../images/year.png) 0 0 no-repeat transparent;
  cursor: pointer;
}
div.expanded h4.year { cursor: default; }

.prev1, .prev1 h4.year { background-color: #000000; }
.prev2, .prev2 h4.year { background-color: #AAAAAA; }
.prev3, .prev3 h4.year { background-color: #CCCCCC; }

h4.y2011 { background: url(../images/2011.png) 0 0 no-repeat transparent; }

div.prev1 p {
  margin-bottom: 10px;
  color: #F2FF00;
}

div.prev1 a {
  font-weight: bold;
  color: #F2FF00;
}
div.prev1 a:hover {
  color: #FFF;
}

div.prev1 a.big {
  font-size: 1.2em;
}

img.bigImage {
  position: relative;
  margin-left: -233px;
  margin-top: 20px;
}