body
{
  margin:0px;
  background-color: #eee;
}

#mainheader
{
  height: 40px;
  background-color: #fff;
  /* background-image: url('../images/palkki.jpg'); */

}
#header-left
{
  float:left;
  width:40%;
  height:40px;
}
#header-right
{
  float:left;width:60%;
  text-align:right;
  padding-top:0px;
}
.language-select
{
  cursor:pointer;
}

#mainmenu
{
  font-family: arial, sans-serif;
  height: 40px;
  margin:0 0 0 0;
  padding:0 0 0 0;
  list-style-type: none;
}
#mainmenu li
{
  text-align: center;
  float: right;
  width: 22%;
  padding: 10px 0 0 0;
  background-color: #eaac01;
  color: #ffecb7;
  cursor: pointer;
  height: 30px;
  border-right: 1px #ffd258 solid;
  border-left: 1px solid #e0b645;
  font-family: 'Noto Sans', sans-serif;
}
#mainmenu li:hover
{
  background-color: #1280bf;
}

/* THINK WE CAN REMOVE THESE FRAME DECLARATIONS */
#magazine-frame
{
height: 100%;
width:100%;
border:0px;
margin:0px;
padding:0px;
}
#news-frame
{
height:100%;
border:0px;
margin:0px;
padding:0px;
width:22%;
}
/* */

#magazine-section
{
  float:left;
  height: calc(100% - 40px);
  background-color: #eee;
  transition: 0s;
}
#webcontent-section
{
  float:left;
  height: calc(100% - 40px);
  overflow:auto;
  background-color: #96bacc;
}
#magazine-section.magazine-mode
{
  width:75%;
}
#webcontent-section.magazine-mode
{
  width:25%;
}
#magazine-section.webcontent-mode
{
  width:70%;
}
#webcontent-section.webcontent-mode
{
  width:30%;
}
#burgermenu
{
  display: none;
}

#burgermenu
{
  list-style-type: none;
  background-color: #0af;
  color: #fff;
  font-size: 1.8em;
  position:absolute;
  width: 80%;
  padding:5%;
  left:5%;
  border-radius: 12px;
}
#burgermenu li
{
  border-bottom: #fff solid 1px;
  padding: 5px;
}

#burger
{
  display:none;
  padding: 22px;
  color: #0af;
  font-size: 20px;
}


@media screen and (max-width: 1600px) {

  #magazine-section.magazine-mode
  {
    width:65%;
  }
  #webcontent-section.magazine-mode
  {
    width:35%;
  }
  #magazine-section.webcontent-mode
  {
    width:50%;
  }
  #webcontent-section.webcontent-mode
  {
    width:50%;
  }

}
@media screen and (max-width: 960px) {
  #burgermenu
  {
    display: block;
  }
  .news-arrow
  {
    display:block;
  }
  #mainmenu
  {
    display: none;
  }
  #header-left
  {
    width:80%;
  }
  #header-right
  {
    width:20%;
  }
  #burger
  {
  display:inline;
  }
  #magazine-section
  {
  height:85%;
  width:100%;
  border:0px;
  margin:0px;
  padding:0px;
  }
  #webcontent-section
  {
  width:15%;
  border:0px;
  margin:0px;
  padding:0px;
  }
  #magazine-section.magazine-mode
  {
    width:100%;
    height:90%;
  }
  #webcontent-section.magazine-mode
  {
    display:none;
    width:100%;
    height:15%;
  }
  #magazine-section.webcontent-mode
  {
    display:none;
    width:100%;
    height:25%;
  }

  #webcontent-section.webcontent-mode
  {
    width:100%;
    height:100%;
  }
  .topnews
  {
    height: 100px;
  }

}