html { padding: 0; text-align: center; margin: 0; }
body { width: 100%; margin: 0; padding: 0; display: inline; position: relative; }

/*#body {
  width: 70%;
  margin: 0.5% 15% 0.5% 15%;
  padding: 0;
  float: left;
  overflow: hidden;
}*/
#container {
  width: 100%;
  height: auto;
  margin: 0;
  padding: 0;
  float: left;
  overflow: hidden;
  display: table;
}
#content {
  width: 99%;
  height: 100%;
  margin: 0;
  padding: 0.5% 0.5% 0.5% 0.5%;
  float: left;
  overflow: auto;
  display: table-row;
}
#contentrow {
  width: 100%;
  margin: 0;
  padding: 0;
  float: left;
  overflow: auto;
}

#content-ads {
  width: 79%;
  height: 100%;
  margin: 0;
  padding: 0.5% 0.5% 0.5% 0.5%;
  float: left;
  overflow: auto;
  display: table-row;
}
#caption {
  width: 99%;
  padding: 0.5% 0.5%;
}

#expandbox {
  width: 96%;
  margin: 0 1% 0 2%;
  padding: 0;
  float: left;
}

#expandboxitem {
  width: 100%;
  display: table;
}
#expandboxheader {
  width: 97%;
  margin: 0 2% 0 1%;
  padding: 1% 1%;
  float: left;
}
#expandboxlabel {
  width: 88%;
  height: auto;
  margin: 0 0 0 1%;
  padding: 0.5% 1%;
  float: left;
  display: table-cell;
}
#expandboxbtn {
  width: 7%;
  height: 100%;
  margin: 0 1% 0 0;
  padding: 0.5%;
  float: left;
  display: table-cell;
}
.expandboxdesc {
  width: 100%;
  height: 5px;
  margin: 0;
  padding: 0;
  float: left;
  display: table-row;
  visibility: hidden;
}
.expandboxdesc p {
  width: 95.5%;
  margin: 0 1% 0 1%;
  padding: 0 1.5% 0 1.5%;
}
#ads {
  width: 19%;
  height: 100%;
  margin: 0;
  padding: 0;
  padding: 0.5%;
  float: left;
  display: table-row;
}

  #expandboxitem {
    width: 69%;
    margin: 0.5% 0.5% 0 0.5%;
    padding: 0;
    float: left;
  }
/*  #col-left {
    width: 70%;
    margin: 0;
    padding: 0;
    padding-left: 0;
    padding-right: 5%;
    float: left;
  }*/
  #adblock {
    width: 27.8%;
    margin: 1% 0.1%;
    padding: 0 1%;
    float: left;
  }
  #aditem {
    width: 97.8%;
    margin: 1% 0.1%;
    padding: 1% 1%;
    float: left;
  }
  #adimage,
  #addata,
  #adinfo {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    vertical-align: top;
  }
  #cap-col {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    display: table;
  }
  #cap-letter {
    width: 10%;
    float: left;
    display: table-cell;
  }
  #first-paragraph {
    width: 87%;
    float: right;
    display: table-cell;
  }
  #paragraph,
  #paragraph-indended {
    width: 97%;
    margin: 0;
    padding: 0 1.5% 0.9em 1.5%;
    float: left;
  }
#header {
  width: 100%;
  margin: 0;
  padding: 0;
  float: left;
}

#headernav {
  width: 100%;
  float: left;
  overflow: hidden;
}
#headernavmenu {
  width: 99%;
  margin: 0.5% 0.5% 0.5% 0.5%;
  height: 3.2em;
  overflow: hidden;
  float: left;
}
#headernavitem {
/*  width: 13.5%;*/
  margin: 0.3em 0.3em 0.3em 0.3em;
  padding-top: 0.6em;
  padding-bottom: 0.6em;
  height: 1.3em;
  overflow: hidden;
  float: left;
}
#footer {
  width: 100%;
  float: left;
  overflow: hidden;
}
#footerleft {
  width: 29%;
  margin: 0;
  padding: 0.5%;
  float: left;
  overflow: hidden;
}
#footermiddle {
  width: 5%;
  margin: 0;
  padding: 0;
  float: left;
  overflow: hidden;
}
#footerright {
  width: 64%;
  margin: 0;
  padding: 0.5%;
  float: right;
  overflow: hidden;
}
#packet-row {
  width: 25%;
  height: auto;
  margin: 0 0 3.5% 0;
  padding: 0;
  float: left;
}
#packet-header,
#packet-footer {
  width: 97%;
  margin: 0 0 1.5% 1.5%;
  padding: 0 0 1.5% 1.5%;
  float: left;
}
#packet-label,
#packet-desc {
  width: 97%;
  margin: 0.5% 0 0.5% 1.5%;
  padding: 0.5% 0 0.5% 1.5%;
  float: left;
}
#packet-label {
  height: 130px;
}
#packet-desc {
  height: 250px;
}
#packet-desc ul {
  margin: 0;
  padding: 0.5% 0 0.5% 4.0%;
}
#packet-desc li {
  margin: 0;
  padding: 0;
}

@media only screen and (min-width: 768px) {
  
/*  #body {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    overflow: hidden;
  }*/
  #container {
    width: 100%;
    margin: 0;
    padding: 0;
    float: left;
    overflow: hidden;
  }
  #content {
    width: 98%;
    margin: 0 1%;
    padding: 0;
  }
  #content-ads {
    width: 79%;
    margin: 0;
    padding: 0;
  }
  #ads {
    width: 19%;
    margin: 0;
    padding: 0.5% 0.5% 0.5% 0.5%;
    float: left;
    overflow: hidden;
  }
  #adblock {
    width: 95.0%;
    margin: 1% 1.5%;
    padding: 1% 1%;
    float: left;
  }
  #aditem {
    width: 33.33%;
    margin: 0;
    padding: 0;
    float: left;
  }
  #adimage {
    width: 99%;
    margin: 0;
    padding 0.5%;
    float: left;
    overflow: hidden;
  }
  #addata {
    width: 98%;
    margin: 0;
    padding: 1% 1%;
    float: left;
    overflow: hidden;
  }


  #headernavmenu {
    height: 12.8em;
  }
  #headernavitem {
    width: 32.3%;
    /*margin-left: 0.5%;
    margin-right: 0.5%;*/
    margin: 0 0.5% 0.1% 0;
    padding: 0.6em 0.3em;
    height: 1.3em;
  }
/*  #contentleft {
    width: 99.8%;
    margin: 0.1% 0.1% 0.1% 0.1%;
    float: left;
  }*/
/*  #col-left {
    width: 76%;
    margin: 0;
    padding: 0;
    padding-right: 3%;
    float: left;
  }*/
  #paragraph,
  #paragraph-indended {
    width: 98%;
    margin: 0;
    padding: 0.9em 1% 0 1%;
    float: left;
  }
#listheader {
  width: 100%;
  margin: 0;
  padding: 1% 1%;
  float: left;
}
#label {
  width: 89%;
  height: 100%;
  margin: 0;
  padding: 0.5% 1%;
  float: left;
  display: table-row;
}
#openbox {
  width: 8%;
  height: 100%;
  margin: 0;
  padding: 0.5%;
  float: left;
  display: table-row;
}
.listdesc {
  width: 100%;
  height: 5px;
  margin: 0;
  padding: 0;
  float: left;
  display: table-row;
  visibility: hidden;
}
#packet-row {
  width: 96.5%;
  margin: 0 0 3.5% 0;
  padding: 0;
  float: left;
}
#packet-label {
  height: auto;
}
#packet-desc {
  height: auto;
}

}

@media only screen and (min-width: 1024px) {
  
  #headernavmenu {
    width: 100%;
    height: 3.7em;
  }
  #headernavitem {
    width: 24%;
  }

  #container {
    width: 99%;
    margin-top: 0.1%;
    margin-bottom: 0.1%;
    float: left;
    overflow: auto;
  }
  #content {
    width: 99.6%;
/*    height: 740px;*/
    margin: 0.1% 0.1% 0.1% 0.1%;
    padding: 0.1% 0.1% 0.1% 0.1%;
    float: left;
    overflow: auto;
  }
  #contentleft {
    width: 98%;
    margin: 0.5% 0.5% 0.5% 0.5%;
    padding: 0.5% 0.5% 0.5% 0.5%;
    overflow: hidden;
    float: left;
  }

}

@media only screen and (min-width: 1280px) {
  
  #container {
    width: 80%;
    margin: 0.5% 10%;
    padding: 0;
    float: left;
    overflow: auto;
  }
  #content {
    width: 99%;
    margin: 0;
    padding: 0.5%;
    float: left;
    overflow: auto;
  }
  #content-ads {
    width: 75%;
    margin: 0;
    padding: 0.5%;
    float: left;
    overflow: auto;
  }
  #ads {
    width: 24%;
    margin:0;
    padding: 0;
    float: left;
  }
  #aditem {
    width: 47.8%;
    margin: 1% 0.1%;
    padding: 1% 1%;
    float: left;
    background-color: #800000;
  }
  #addata {
    width: 100%;
    margin: 0;
    padding: 1% 1%;
    float: left;
    overflow: hidden;
  }
  #headernavitem {
    width: 14.3%;
    margin-right: 0.1%;
    padding: 0.6em 0.3em;
    height: 1.3em;
  }
  #paragraph,
  #paragraph-indended {
    width: 97%;
    margin: 0;
    padding: 0% 1.5% 0.5% 1.5%;
    float: left;
  }
  #packet-row {
    width: 50%;
  }
  #packet-label {
    height: 80px;
  }
  #packet-desc {
    height: 170px;
  }

}

@media only screen and (min-width: 1920px) {

  #container {
    width: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
    float: left;
    overflow: auto;
  }
  #content {
    width: 75%;
    height: 100%;
    margin-top: 5px;
    margin-bottom: 5px;
  /*padding-bottom: 66px;*/
    float: left;
    overflow: auto;
  }
  #contentleft {
    width: 24%;
/*    margin-top: 5px;
    margin-bottom: 5px;
    margin-right: 5px;*/
    padding-left: 0.5%;
    padding-top: 0.5%;
    padding-right: 0.5%;
    padding-bottom: 0.5%;
    overflow: hidden;
    float: left;
  }
}