*, html{
  margin: 0;
  padding: 0;
}

body{
  background: #fff;
  font: 0.85em/1.5em Calibri, Helvetica Arial, sans-serif;
}


h2{
  font-size: 1.4em;
  margin: 15px 0;
  float: left;
  width: 100%;
  font-family: Calibri, Helvetica Arial, sans-serif;
}

#container{
  width: 971px;
  margin: 20px auto;
}

#logo{
  float: center;
  margin-bottom: 40px;
}

#logo img{
    border: 0;
}

#nav{
  float: left;
  width: 900px;
  list-style: none;
  margin-left: 14px;
}

#nav li{
  display: inline;
}

#nav li a{
  float: left;
  display: block;
  padding: 4px 0px;
  text-align: center;
  width: 102px;
  background-position: top left;
  background-repeat: no-repeat;
  outline: 0;
}

#nav li#hem a         {   text-indent: -9999px; background-image:  url('img/nav/hem.png');}
#nav li#historia a    {   text-indent: -9999px; background-image:  url('img/nav/historia.png');}
#nav li#konferens a   {   text-indent: -9999px; background-image:  url('img/nav/konferens.png'); }
#nav li#event a       {   text-indent: -9999px; background-image:  url('img/nav/event.png');}
#nav li#festvaning a  {   text-indent: -9999px; background-image:  url('img/nav/festvaning.png'); }
#nav li#koksstudio a  {   text-indent: -9999px; background-image:  url('img/nav/koksstudio.png'); }
#nav li#inspiration a {   text-indent: -9999px; background-image:  url('img/nav/inspiration.png'); margin-left: 3px; }
#nav li#kontakt a     {   text-indent: -9999px; background-image:  url('img/nav/kontakt.png'); margin-left: 3px;}

.wrapper{
  float: left;
  width: 100%;
  position: relative;
  height: 791px;
  background-position: top left;
  background-repeat: no-repeat;  
}

#page-hem         { background-image:  url('img/hem_bg.jpg'); }
#page-historia    { background-image:  url('img/historia_bg.jpg'); }
#page-konferens   { background-image:  url('img/konferens_bg.jpg'); }
#page-event       { background-image:  url('img/event_bg.jpg'); }
#page-festvaning  { background-image:  url('img/festvaning_bg.jpg'); }
#page-koksstudio  { background-image:  url('img/koksstudio_bg.jpg'); }
#page-inspiration { background-image:  url('img/inspiration_bg.jpg'); }
#page-kontakt     { background-image:  url('img/kontakt_bg.jpg'); }

#push_ad{
  position: absolute;
  right: 50px;
  top: 50px;
  text-indent: -9999px;
  background: url('img/bli_brevvan_har.png') no-repeat;
  width: 74px;
  height: 74px;
  outline: 0;
}

#push_ad2{
  position: absolute;
  right: 50px;
  top: 200px;
  text-indent: -9999px;
  background: url('img/pask_erbjudande.png') no-repeat;
  width: 107px;
  height: 119px;
  outline: 0;
}

#content{
  margin: 50px auto 200px auto;
  width: 500px;
  min-height: 420px;
  background: #fff;
  padding: 20px;
  position: relative;
}

#content .content_wrap{
  height: inherit;
float: left;
width: 100%;
overflow-x: hidden;
overflow-y: auto;
}

#subnav{
  position: absolute;
  left: -19px;
  top: -20px;
  height: 48px;
  background: transparent url('img/subnav_corner.gif') top left no-repeat;
  padding-left: 19px;
  list-style: none;
}

#subnav li{
  float: left;
  background: #111 url('img/subnav_bg.png') bottom left repeat-x;
  height: 29px;
  line-height: 30px;
}


#subnav li a{
  float: left;
  display: block;
  padding: 0 10px;
  border-left: 2px solid #ccc;
  color: #fff;
  text-transform: uppercase;
  font-weight: normal;
  letter-spacing: 0.01em;
  font-size: 0.9em;
  height: 20px;
  line-height: 20px;
  margin-top: 5px;
  text-decoration: none;
}

#subnav li:first-child a{
  border: 0;
}


#subnav li a:hover{
  color: #c00;
}