body {
  margin: 0em;
  background-color: #006699;
  color: #FFCC00;
  font-family: Helvetica, Arial, sans-serif;
}
h1, h2, h3, h4, h5, h6 {
  text-align: center;
  font-family: Verdana, Arial, sans-serif;
}
a:link {
  color: #FFFF00;
}
a:visited {
  color: #FFCC00;
}
a:active {
  color: #FFFFFF;
}
table, td, th {
  border: 1px solid gray;
}
img {
  border: 0px;
}
hr {
  clear: both;
}
hr.clear, div#menu hr {
  height: 0px;
  margin: 0px;
  border: 1px;
  padding: 0px;
  visibility: hidden;
}
hr.line {
  height: 0px;
  margin: 0px;
  border: 1px;
  border-style: solid none none none;
  border-color: #000000;
  padding: 0px;
}
.center {
  text-align: center;
}
.num {
  text-align: right;
}
.hidden {
  display: none;
}
.click {
  cursor: pointer;
  background-color: #FFFFFF;
}

div#header, div#menu, div#main, div#footer {
  margin: 0em;
  padding: 0.5em;
}
div#header > :last-child, div#menu > :last-child, div#main > :last-child {
  margin-bottom: 0em;
}
div#menu > :first-child, div#main > :first-child, div#footer > :first-child {
  margin-top: 0em;
}

div#header {
  background: #330099;
  background: -webkit-linear-gradient(#330099, #006699);
  background: -o-linear-gradient(#330099, #006699);
  background: -moz-linear-gradient(#330099, #006699);
  background: linear-gradient(#330099, #006699);
  color: #FFCC00;
}
div#header a:link {
  color: #FFCC00;
}
div#menu {
  padding-bottom: 0em;
  background: #006699;
  border-style: none none solid none;
  border-width: 1px;
  border-color: #000000;
}
div#menu ul li {
  color: #000000;
}
div#main {
  background: #CCFFFF;
  color: #000000;
}
div#main h1, div#main h2, div#main h3, div#main h4, div#main h5, div#main h6 {
  color: #006699;
}
div#menu ul li a:link, div#main a:link {
  color: #0000FF;
}
div#menu ul li a:visited, div#main a:visited {
  color: #660099;
}
div#menu ul li a:active, div#main a:active {
  color: #FF0000;
}
div#footer {
  background: #006699;
  color: #FFCC00;
}
div#menu ul, ul.tab {
  list-style-type: none;
  margin: 0em;
  padding: 0em;
}
div#menu ul li, ul.tab li {
  float: left;
  padding: 0.5em;
  border-style: solid solid none solid;
  border-width: 1px;
  border-radius: 0.5em 0.5em 0em 0em;
  border-color: #000000;
}
div#menu ul li {
  font-size: 1.2em;
  font-weight: bold;
  background: #99CCCC;
}
div#menu ul li.active {
  background: #CCFFFF;
}

ul.tab li {
  background: #CCFFFF;
}
ul.tab li.active {
  background: #FFFFFF;
}
ul.img {
  list-style-type: none;
}
ul.img li {
  float: left;
  margin: 5px;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: top left;
}
ul.img2 {
  padding-left: 0em;
  list-style-type: none;
}
ul.img2 li {
  padding-bottom: 1em;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: top left;
}
ul.line {
  padding-bottom: 1em;
  list-style-type: none;
}
ul.line li {
  float: left;
  margin-left: 0.5em;
  background-color: transparent;
  background-repeat: no-repeat;
  background-attachment: scroll;
  background-position: top left;
}
ul.links li {
  min-height: 48px;
}
ul.line-links {
  padding-left: 0em;
  list-style-type: none;
}
ul.line-links li {
  float: left;
  line-height: 48px;
  margin-left: 0.5em;
}
ul.line-links li.active {
  font-weight: bold;
}

@media only screen and (min-width: 768px) {
  ul.links li {
    min-height: 0;
  }

  ul.line-links li {
    float: left;
    line-height: normal;
    margin-left: 0.5em;
  }
}

@media only screen and (max-width: 767px) {
  table.effects-global-sv,
  table.effects-global-sv tr,
  table.effects-global-sv td,
  table.effects-global-sv th,
  table.effects-global-en,
  table.effects-global-en tr,
  table.effects-global-en td,
  table.effects-global-en th,
  table.refugees-global-sv,
  table.refugees-global-sv tr,
  table.refugees-global-sv td,
  table.refugees-global-sv th,
  table.refugees-global-en,
  table.refugees-global-en tr,
  table.refugees-global-en td,
  table.refugees-global-en th
  {
    display: block;
  }
  table.effects-global-sv td,
  table.effects-global-en td,
  table.refugees-global-sv td,
  table.refugees-global-en td
  {
    position: relative;
    padding-left: 50%;
  }
  table.effects-global-sv td:before,
  table.effects-global-en td:before,
  table.refugees-global-sv td:before,
  table.refugees-global-en td:before
  {
    position: absolute;
    top: 0.1em;
    left: 0.2em;
    width: 45%;
    padding-right: 1em;
    white-space: nowrap;
  }
  table.effects-global-sv td:nth-of-type(1),
  table.effects-global-sv th:nth-of-type(1),
  table.effects-global-en td:nth-of-type(1),
  table.effects-global-en th:nth-of-type(1),
  table.refugees-global-sv td:nth-of-type(1),
  table.refugees-global-sv th:nth-of-type(1),
  table.refugees-global-en td:nth-of-type(1),
  table.refugees-global-en th:nth-of-type(1)
  {
    padding-left: initial;
    padding-top: 1em;
    background-color: #99CCCC;
    text-align: center;
    font-weight: bold;
  }
  table.effects-global-sv td:nth-of-type(2):before { content: "Landarea (km2):"; }
  table.effects-global-sv td:nth-of-type(3):before { content: "Landförlust (km2):"; }
  table.effects-global-sv td:nth-of-type(4):before { content: "Landförlust (%):"; }
  table.effects-global-sv td:nth-of-type(5):before { content: "Invånare (n):"; }
  table.effects-global-sv td:nth-of-type(6):before { content: "Fördrivna (n):"; }
  table.effects-global-sv td:nth-of-type(7):before { content: "Fördrivna (%):"; }
  table.effects-global-en td:nth-of-type(2):before { content: "Land area (km2):"; }
  table.effects-global-en td:nth-of-type(3):before { content: "Land loss (km2):"; }
  table.effects-global-en td:nth-of-type(4):before { content: "Land loss (%):"; }
  table.effects-global-en td:nth-of-type(5):before { content: "Population (n):"; }
  table.effects-global-en td:nth-of-type(6):before { content: "Displaced (n):"; }
  table.effects-global-en td:nth-of-type(7):before { content: "Displaced (%):"; }
  table.refugees-global-sv td:nth-of-type(2):before { content: "Landarea (km2):"; }
  table.refugees-global-sv td:nth-of-type(3):before { content: "Invånare (n):"; }
  table.refugees-global-sv td:nth-of-type(4):before { content: "Inv.täthet (n/km2):"; }
  table.refugees-global-sv td:nth-of-type(5):before { content: "BNP (GUSD):"; }
  table.refugees-global-sv td:nth-of-type(6):before { content: "NBNP (GUSD):"; }
  table.refugees-global-sv td:nth-of-type(7):before { content: "BNPpC (USD/n):"; }
  table.refugees-global-sv td:nth-of-type(8):before { content: "Flyktingar (n):"; }
  table.refugees-global-sv td:nth-of-type(9):before { content: "Flyktingar (n/km2):"; }
  table.refugees-global-sv td:nth-of-type(10):before { content: "Flyktingar (n/1000):"; }
  table.refugees-global-sv td:nth-of-type(11):before { content: "Flyktingar (n/GUSD):"; }
  table.refugees-global-sv td:nth-of-type(12):before { content: "Flyktingar (n/N-GUSD):"; }
  table.refugees-global-en td:nth-of-type(2):before { content: "Land area (km2):"; }
  table.refugees-global-en td:nth-of-type(3):before { content: "Population (n):"; }
  table.refugees-global-en td:nth-of-type(4):before { content: "Pop.Density (n/km2):"; }
  table.refugees-global-en td:nth-of-type(5):before { content: "GDP (GUSD):"; }
  table.refugees-global-en td:nth-of-type(6):before { content: "NGDP (GUSD):"; }
  table.refugees-global-en td:nth-of-type(7):before { content: "GDPpC (USD/n):"; }
  table.refugees-global-en td:nth-of-type(8):before { content: "Refugees (n):"; }
  table.refugees-global-en td:nth-of-type(9):before { content: "Refugees (n/km2):"; }
  table.refugees-global-en td:nth-of-type(10):before { content: "Refugees (n/1000):"; }
  table.refugees-global-en td:nth-of-type(11):before { content: "Refugees (n/GUSD):"; }
  table.refugees-global-en td:nth-of-type(12):before { content: "Refugees (n/N-GUSD):"; }
}

.ml-land {
  color: rgb(102,102,102);
}
.ml-sea {
  color: rgb(0,102,255);
}
.ml-lake {
  color: rgb(0,153,255);
}
.ml-flood {
  color: rgb(153,102,255);
}
.ml-comline {
  color: rgb(0,153,0);
}
.ml-comtext {
  color: rgb(0,255,0);
}
.ml-urbmark {
  color: rgb(153,0,0);
}
.ml-urbtext {
  color: rgb(255,204,0);
}