html {
  overflow-x: scroll;
  overflow-y: scroll;
  padding: 0 4px 4px 4px;
  margin: 0px auto;
  width: 982px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

body {
  padding: 0;
  margin: 0px auto;
  width: 982px;
  border-left: 1px #0098db solid;
  border-right: 1px #0098db solid;
  border-bottom: 1px #0098db dotted;
  background-color: #ffffff;
}

table,tr,td,form,input {
  margin: 0;
  padding: 0;
}

img {
  border: 0;
}

img.float-left {
  float: left;
  margin-top: 2px;
  margin-right: 10px;
  margin-bottom: 10px;
  clear: both;
  display: block;
}

img.float-right {
  float: right;
  margin-top: 2px;
  margin-left: 10px;
  margin-bottom: 10px;
  clear: both;
  display: block;
}

div.floatspacer {
  width: 540px;
  clear: both;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}

a {
  text-decoration: none;
  color: #0098db;
}

a:hover {
  color: #024e71;
}

p.hr {
  border-bottom: 1px #a5a5a5 solid;
}

#header {
  clear: both;
}

#logo {
  float: left;
  display: inline;
  width: 200px;
  height: 111px;
  margin: 0;
  overflow: hidden;
}

#logo_cell {
  height: 111px;
  vertical-align: bottom;
}

#topnav_box {
  float: right;
  display: inline;
  width: 770px;
  height: 111px;
  margin-right: 10px;
  border-bottom: 1px #0098db dotted;
  overflow: hidden;
}

#topnav {
  float: left;
  display: inline;
  width: 540px;
  height: 111px;
  margin: 0 20px;
  overflow: hidden;
}

#topnav_cell {
  width: 540px;
  height: 111px;
  vertical-align: bottom;
  text-align: right;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #777777;
}

#search {
  float: right;
  display: inline;
  width: 160px;
  height: 111px;
  margin-left: 20px;
  margin-right: 10px;
}

#search_cell {
  width: 160px;
  height: 111px;
  vertical-align: bottom;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #777777;
  font-weight: bold;
}

#whitespace1 {
  clear: both;
  width: 980px;
  height: 12px;
  font-size: 1px;
  line-height: 1px
}

#topnav_elements {
  padding-bottom: 10px;
}

#topnav_elements a {
  color: #777777;
}

#topnav_elements a:hover {
  color: #0098db;
}

#topnav_spacer {
  padding: 0 15px;
}

#topnav_home,
#topnav_kontakt,
#topnav_lang_de,
#topnav_lang_fr,
#topnav_lang_en {
  font-weight: bold;
}

.topnav_lang_current {
  color: #444444;
}

#search_elements {
  padding-bottom: 12px;
}

#search_p {
  padding: 0;
  margin: 0 0 4px 0;
}

#search_input {
  width: 156px;
  height: 15px;
  border: 1px #a5a5a5 solid;
  padding-top: 2px;
  padding-left: 2px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;

}

#search_submit {
  display: none;
}

#body {
  clear: both;
  overflow: hidden;
}

#left {
  width: 200px;
  vertical-align: top;
  overflow: hidden;
}

#mid {
  width: 578px;
  vertical-align: top;
  border-left: 1px #0098db solid;
  border-right: 1px #0098db solid;
  overflow: hidden;
}

#right {
  width: 200px;
  vertical-align: top;
  overflow: hidden;
}

#navbox {
  width: 180px;
  padding: 10px 10px 30px 10px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
}

.nav1,
.nav1_hi {
  width: 160px;
  padding: 10px;
  font-size: 14px;
}

.nav2,
.nav2_hi {
  width: 150px;
  margin-left: 10px;
  padding: 6px 10px;
  font-size: 14px;
}

.nav3,
.nav3_hi {
  width: 140px;
  margin-left: 20px;
  padding: 3px 10px;
  font-size: 12px;
}

.nav1 a {
  color: #0098db;
}

.nav2 a {
  color: #024e71;
}

.nav3 a {
  color: #002c42;
}

.nav1 a:hover {
  color: #024e71;
}

.nav2 a:hover {
  color: #0098db;
}

.nav3 a:hover {
  color: #0098db;
}

.nav1_hi {
  background-color: #0098db;
}

.nav2_hi {
  background-color: #024e71;
}

.nav3_hi {
  background-color: #002c42;
}

.nav1_hi a,
.nav2_hi a,
.nav3_hi a {
  color: #ffffff;
}

.nav1_hi a:hover,
.nav2_hi a:hover,
.nav3_hi a:hover {
  color: #b7d4ec;
}

.box {
  width: 180px;
  margin: 10px;
  border-bottom: 1px #a5a5a5 solid;
}

.box_content {
  width: 160px;
  padding: 10px;
  margin-bottom: 10px;
}

.box_content h2 {
  margin: 0 0 10px 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  font-size: 14px;
}

.box_content p {
  margin: 0 0 10px 0;
  padding: 0;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 17px;
}

a.link_box_a {
  font-size: 14px;
  font-weight: bold;
}

.box_spacer {
  width: 180px;
  height: 23px;
  margin: 0 10px;
  border-bottom: 1px #a5a5a5 solid;
}

#teaserbox {
  width: 560px;
  margin: 0 9px 20px 9px;
  border-bottom: 1px #0098db dotted;
}

#teaser {
  width: 540px;
  padding: 10px 10px 1px 10px;
  margin-bottom: 20px;
  background-color: #dceaf6;
  clear: none;
}

#teaser h2.heading {
  margin: 8px 0 17px 0;
  padding: 0;
  font-size: 25px;
}

#contenttitlebox {
  width: 540px;
  margin: 18px 19px 17px 19px;
}

#contenttitlebox h1 {
  margin: 0;
  padding: 0;
  font-size: 25px;
}

#contentbox {
  width: 540px;
  margin: 0 19px 20px 19px;
}

#contentbox h2.heading {
  display: none;
}

#contentbox h3.heading {
  margin: 0;
  padding: 0;
  font-size: 18px;
}

#contentbox h4.heading {
  margin: 17px 0 0;
  padding: 0;
  font-size: 16px;
  line-height: 17px;
}

#contentbox h5.heading {
  margin: 17px 0 0;
  padding: 0;
  font-size: 14px;
  line-height: 17px;
}

#contentbox h6.heading {
  margin: 17px 0 0 0;
  padding: 0;
  font-size: 12px;
  line-height: 17px;
}

#contentbox h6.minor {
  margin: 6px 0 17px;
  padding: 0;
  font-size: 10px;
  font-weight: normal;
  color: #777777;
}

#contentbox p {
  margin: 0 0 17px;
  font-size: 12px;
  line-height: 17px;
}

#contentbox p.annotation {
  margin: 6px 0 0 0;
  font-size: 10px;
  line-height: 12px;
}

#contentbox ul {
  padding: 0px;
  margin: 0px 0px 17px 17px;
  list-style: disc;
  list-style-position: outside;
}

#contentbox ul li {
  line-height: 17px;
}

#bottom_left {
  width: 200px;
  height: 1px;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

#bottom_mid {
  width: 578px;
  height: 1px;
  vertical-align: top;
  border-left: 1px #0098db solid;
  border-right: 1px #0098db solid;
  font-size: 0;
  line-height: 0;
}

#bottom_right {
  width: 200px;
  height: 1px;
  vertical-align: top;
  font-size: 0;
  line-height: 0;
}

#box_bottom_left_placeholder {
  height: 212px;
  display: block;
}

#box_bottom_right_placeholder {
  height: 101px;
  display: block;
}

#box_bottom_container {
  height: 0px;
  display: block;
}

#box_bottom {
  position: relative;
  z-index: 0;
  top: -202px;
  left: 0px;
  width: 170px;
  margin: 0 10px 0 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #777777;
  display: block;
}

#box_bottom_adr {
  margin-bottom: 20px;
  line-height: 12px;
}

#box_bottom a {
  color: #777777;
}

#box_bottom a:hover {
  color: #0098db;
}

#box_bottom_links {
  margin-bottom: 20px;
  line-height: 17px;
}

#box_bottom_date {
  margin-bottom: 20px;
  line-height: 12px;
}

#box_eawag_container {
  height: 0px;
  display: block;
}

#box_eawag {
  position: relative;
  z-index: 1;
  top: -104px;
  left: 0px;
  width: 170px;
  margin: 0 10px 0 20px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  line-height: 12px;
  color: #000000;
  display: block;
}

#eawag-logo {
  margin: 0;
  padding: 5px 1px;
}

#helve-logo {
  margin: 0;
  padding: 5px 1px;
}

#whitespace2 {
  clear: both;
  width: 980px;
  height: 0px;
  font-size: 0px;
  line-height: 0px;
}

/* --- no extra space for sub- and superscript ----------------*/
sup {
  font-size: smaller;
  vertical-align: baseline;
  position: relative;
  bottom: 0.33em;
}

sub {
  font-size: smaller;
  vertical-align: baseline;
  position: relative;
  bottom: -0.25em;
}
/* ------------------------------------------------------------*/



/* ---------------- tables ----------------*/

table.silvatable {
  margin-bottom: 8px;
}

table.silvatable td {
  vertical-align: top;
  line-height: 17px;
}

table.plain td {
  padding-bottom: 8px;
}

table.list td {
  padding-top: 3px;
  padding-bottom: 3px;
}

table.list tr.odd {
  background-color: #ededed;
}

table.grid {
  border-top: 1px solid #000000;
}
table.grid td {
  padding-top: 3px;
  padding-bottom: 3px;
  border-bottom: 1px solid #000000;
} 

table.datagrid {
  border-top: 1px solid #000000;
  border-left: 1px solid #000000;
}

table.datagrid td {
  padding: 3px;
  border-right: 1px solid #000000;
  border-bottom: 1px solid #000000;
}

table.silvatable th.align-left,
table.silvatable td.align-left {
  text-align: left;
}

table.silvatable th.align-center,
table.silvatable td.align-center {
  text-align: center;
}

table.silvatable th.align-right,
table.silvatable td.align-right {
  text-align: right;
}

select#spenden_select,
select#newsletter_select {
  width: 320px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px #a5a5a5 solid;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

select#newsletter_select {
  margin-top: 2px;
  margin-bottom: 20px;
}

input#betrag {
  margin-left: 2px;
  padding-left: 2px;
  width: 86px;
  height: 17px;
  border: 1px #a5a5a5 solid;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
  vertical-align: baseline;
  background-color: #ffffff;
  color: #000000;
}

input#betrag.hidden {
  border: 1px #ffffff solid;
  color: #ffffff;
}

input#betrag.disabled {
  border: 1px #ffffff solid;
}

input#betrag.enabled {
  border: 1px #a5a5a5 solid;
}

select#anrede {
  width: 86px;
  margin-top: 10px;
  margin-bottom: 10px;
  border: 1px #a5a5a5 solid;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
}

input#vorname,
input#name,
input#titel,
input#email,
input#adresse,
input#adresszusatz,
input#plz,
input#ort,
input#land,
input#telefon {
  margin-top: 2px;
  margin-bottom: 10px;
  padding-left: 2px;
  width: 400px;
  height: 17px;
  border: 1px #a5a5a5 solid;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: normal;
}

input#telefon {
  margin-bottom: 20px;
}

textarea#nachricht {
  margin-top: 2px;
  margin-bottom: 20px;
  padding-left: 2px;
  width: 400px;
  height: 51px;
  border: 1px #a5a5a5 solid;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  line-height: 17px;
  font-weight: normal;
}

input#bestellen {
  width: 320px;
  height: 19px;
  border: 1px #a5a5a5 solid;
  background-color: #ededed;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  font-weight: bold;
}

input.mandatory {
  background-color: #ededed;
}

div#spenden_note,
div#newsletter_note {
  width: 400px;
  margin-bottom: 20px;
  line-height: 17px;
}