/*
ffe490
ffdd77
b29741
778eff
0a0e24
*/

body {
  background-attachment:fixed;
  background-color: rgb(240, 240, 240);
  /*background-position: center;*/
  background-repeat: no-repeat;
  /*background-size: cover;*/
  color: rgb(240, 240, 240);
  font-family: 'Roboto', sans-serif;
  margin: 0;
  padding: 0;
}

div#viewport {
  width: 100%;
  height: 100%;
  margin: 0 auto;
}

div#frame {
  /*position: relative;*/
  height: auto;
  width: auto;
  /*z-index: -30;*/
  margin: 1% auto;
}

div#edge-tl {
  background-color: rgb(240, 240, 240);
  background-position: left;
  background-repeat: no-repeat;
  width: 21px;
  float: left;
  min-height: 21px;
}

div#edge-tr {
  overflow: hidden;
  background-color: rgb(240, 240, 240);
  min-height: 21px;
}

div#content {
  background-color: rgb(240, 240, 240);
  color: #800000;
  overflow: hidden;
  padding: 0 21px;
  clear: both;
  font-weight: 400;
  font-size: 18px;
}

div#edge-bl {
  overflow: hidden;
  background-color: rgb(240, 240, 240);
  min-height: 21px;
}

div#edge-br {
  background-color: rgb(240, 240, 240);
  background-position: left;
  background-repeat: no-repeat;
  width: 21px;
  float: right;
  min-height: 21px;
}

div#header-logo {
  width: 25%;
  float:left;
  height: 100px;
  margin-bottom: 21px;
  margin-right: 21px;
}

div#header {
  overflow: hidden;
  height: 200px;
  text-align: center;
  vertical-align: middle;
  margin-bottom: 50px;
}

div#menu {
  clear: center;
  float: left;
  width: 25%;
  margin-right: 21px;
  /*border-right: solid #800000 1px;*/
}

div#main {
  width: 75%;
  float: left;
}


div#page {
  overflow: hidden;
  float: center;
  /*padding-top: 270px;*/
  /*float: left;*/
  /*z-index: 10;*/
  font-family: 'Roboto', sans-serif;
  font-weight: 400;
  font-size: 18px;
  /*z-index: 20;*/
}


foo#foo {
  width: auto; /* Chrome 42 and Safari 7 (both on OS X 10.9) seem to be ok with this */
  width: -moz-available; /* Firefox 37 doesn't play well with "auto", wants "-moz-available" */
  width: calc(100% - 120px); /* Internet Explorer 11 relies on serious math */
}



ul.no-margin {
  margin: 0;
  padding: 0;
}



div#menu ul.no-margin li:last-child {
  margin: 0 !important;
}

div#menu li.active {
  font-weight: 700;
}

div#menu ul#languages {
  padding-top: 0;
  padding-left: 0;
}

div#menu ul#languages li {
  float: left;
}

/* Top level */
div#menu ul#menu-list {
  padding-top: 1em;
  padding-left: 0;
}

/* Sub levels */
div#menu ul {
  padding: 0.75ex 0;
  padding-left: 1em;
}

div#menu ul#menu-list li {
  margin-bottom: 0.2em;
}

div#menu a {
  text-decoration: none;
}

h1:first-child {
  margin-top: 0;
}

p.address {
  white-space: pre-line;
}

p.last-update {
  margin-top: 1ex;
  padding-bottom: 1em;
  color: #800000;
  text-align: center;
  font-size: smaller;
}  

p:last-child {
  margin-bottom: 0;
}

a {
  color: inherit;
}

a:visited {
  color: inherit;
}

div#dropdown ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  overflow: hidden;
  background-color: #333;
}

div#dropdown li {
  float: left;
}

div#dropdown li a, .dropbtn {
  display: inline-block;
  color: white;
  text-align: center;
  padding: 12px 14px;
  text-decoration: none;
}

div#dropdown ul li a:hover:not(.active) {background-color: #fd7;
	color: black;}

div#dropdown ul li a.active {background-color: #800000;}

div#dropdown li.dropdown {
  display: inline-block;
}

.dropdown-content {
  display: none;
  position: absolute;
  background-color: #333;
  min-width: 24px;
  box-shadow: 0px 12px 12px 0px rgba(0,0,0,0.2);
  z-index: 0;
}

.dropdown-content a {
  color: black;
  padding: 12px 14px;
  text-decoration: none;
  display: inline-block;
  text-align: center;
}


.dropdown:hover .dropdown-content {
  display: block;
  
}

div#dropdown li.right {float: right;}