@ms-viewport
{
    zoom: 1.0;
    width: device-width;
}

body
{
  background-color: #fff;
  text-align: center;
  margin: 0;
  padding: 0;
}

.bodyOuter
{
  width: 1024px;
  margin: 0 auto;
  padding: 0;
}

.bodyInner
{
  position: relative;
}

p
{
  text-align: left;
  font-size: 1.1em;
}

a:link,
a:visited
{
  color: #000;
}

a:hover
{
  color: #444;
}

a:active
{
  color: #888;
}

.head
{
  position: fixed;
  top: 0;
  width: 1024px;
  background: #fff;
/*  box-shadow: 0 0 10px #fff;  -moz-box-shadow: 0 0 10px #fff;    -webkit-box-shadow: 0 0 15px #fff; */
/*  box-shadow: 0 0 10px rgba(0, 0, 0, .5);  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);    -webkit-box-shadow: 0 0 15px rgba(0, 0, 0, .5); */
  /* This shadow makes things cut off a litle softer, but not much. (which is probably just perfect.) */
}

.head_spacer
{
  width: 1024px;
  height: 111px;
}

#head
{
  position: relative;
}




@media (max-width: 1078px)
{
    .bodyOuter
    .bodyInner
  , .head
  , .head_spacer
  {
    width: 95vw;
  }
}


#ImgHeaderLogo,
#ImgHeaderSTA,
#ImgHeaderWOR
{
  height: auto;
}

#ImgHeaderLogo,
#ImgHeaderSTA
{
  margin-top: 5px;
  margin-left: 3px;
}

#ImgHeaderLogo
{
  position: relative;
}

@media (max-width: 846px)
{
  #ImgHeaderLogo
  {
    width: 13.12vw; /* 111 / 846 */
  }

  #ImgHeaderSTA
  {
    width: 69.267vw; /* 586 / 846 */
  }

/*
  #ImgHeaderWOR
  {
    width: 61.702vw; /* 522 / 846 * /
  }
*/

  #DivHeaderSpacer
  {
    width: 4.728vw; /* 40 / 864 actually they are 20px in width, but this way it looks better. */
  }


  .head_spacer
  {
    height: 12vw;
  }
}

@media (max-width: 750px)
{
  #ImgHeaderWOR
  {
    width: 69.600vw; /* 522 / 750 */
  }
}


#menuDiv
{
  position: fixed;
  top: 150px;
  left: 30px;

  box-shadow: 0 0 10px rgba(0, 0, 0, .5);  -moz-box-shadow: 0 0 10px rgba(0, 0, 0, .5);    -webkit-box-shadow: 0 0 10px rgba(0, 0, 0, .5);
}


#menu
{
  border-left:   solid 1px #aaa;
  border-right:  solid 1px #aaa;
  border-bottom: solid 1px #aaa;

  background-color: #fff;
}


#menu a
{
  padding-left:  .3em;
  padding-right: .3em;
  display: block;
  background-color: #fff;
  color: black;
  text-decoration: none;
/*  font-family: verdana, arial; */
  font-size: 1.1em;

  border-bottom: solid 1px #fff;
  border-top:    solid 1px #fff;
}

#menu a:hover
{
  padding-left:  .3em;
  padding-right: .3em;
  background-color: #f4f4f4;
  color: black;
  text-decoration: none;
/*  font-family: verdana, arial; */
  font-size: 1.1em;

  border-bottom: solid 1px #000;
  border-top:    solid 1px #000;
}

.rubrik
{
  padding-left:  .3em;
  padding-right: .3em;
  background-color: #fff8c8;
  color: black;
  text-decoration: none;
/*  font-family: verdana, arial; */
  font-size: 1.1em;
  border-bottom: solid 1px #000000;
  border-top:    solid 1px #000000;
  height:19px;
}