body {
  background: #fff;
  color: #777;
  font-family: Arial, sans-serif;
  font-size: 12px;
  line-height: 1.25;
  margin: 0;
  padding: 0;
  width: 643px;
}

h1 {
  font-size: 30px;
  font-weight: bold;
  line-height: 1;
  margin-top: 0;
  margin-bottom: 0.6em;
}


.not-supported-message {
  position: absolute; top: 0; left: 0;
  background: #D2D3D2;
  color: #1E1E1E;
  font-size: 11px;
  line-height: 1.25;
  padding: 2px 0 2px 31px;
  width: 612px;
  padding-top:7px;
  padding-bottom:8px;
}

.static {
  padding: 10px 0 0 30px;
}

a {
  border-bottom: 1px solid #999999;
  color: #999999;
  text-decoration: none;
}
a:hover {
  border-bottom-color: #666666;
  color: #666666;
  cursor: pointer;
  text-decoration: none;
}

#imprint-link {  }

.links { position:absolute; right:30px; }

.cantons #imprint-modal { top:400px; }
.countries #imprint-modal { top:600px; }

.cantons #help-modal { top:250px; }
.countries #help-modal { top:450px; }

#help-modal {
  margin-left: -235px;
  width: 430px;
  padding-bottom:60px;
}

#help-modal p {
  position:absolute;
  line-height: 18px;
  width:310px;
}
#help-modal .step1 { top:140px; }
#help-modal .step2 { top:308px; }
#help-modal .step3 { top:415px; }

/**
 * Header
 */
.masthead {
  margin: 26px 0 0 31px;
  padding-bottom: 10px;
  width: 576px;
}

.chart-title {
  color: #1E1E1E;
  font-size: 16px;
  margin-bottom: 0;
}


/**
 * Footer
 */
.footer-view {
  margin-left: 31px;
  margin-top: 26px;
  position: relative;
  top:-79px;
  width: 580px;
  padding:0;
}

/*.footer-legend-header {*/
  /*font-size: 12px;*/
  /*font-weight: normal;*/
  /*margin: 0;*/
  /*padding: 0 0 4px 0;*/
/*}*/

/*.footer-legend-container .legend {*/
  /*margin-left: -30px;*/
/*}*/




.footer-imprint {
  position: absolute;
  right: 0;
  line-height: 1.7;
  padding-top: 0;
  margin: 0;
  text-align: right;
}


/**
 * Styled selects
 */
.styledselect-wrapper {
  display: inline-block;
  margin-right: 10px;
}
.styledselect-placeholder {
  background: #CCCCCC; /* Old browsers */
  background: -moz-linear-gradient(top,  #f0f0f0 0%, #c7c7c7 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f0f0f0), color-stop(100%,#c7c7c7)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top,  #f0f0f0 0%,#c7c7c7 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top,  #f0f0f0 0%,#c7c7c7 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top,  #f0f0f0 0%,#c7c7c7 100%); /* IE10+ */
  background: linear-gradient(to bottom,  #f0f0f0 0%,#c7c7c7 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f0f0f0', endColorstr='#c7c7c7',GradientType=0 ); /* IE6-9 */

  border: 1px solid #CCCCCC;
  border-bottom: 1px solid #999999;
  border-radius: 3px;

  color: #404040;
  cursor: pointer;
  font-size: 12px;
  padding: 6px 32px 6px 12px;
  position: relative;
}
.styledselect-placeholder:after {
  position: absolute;
  top: 4px; right: 0;
  content: " ";
  background-image: url("../images/dropdown-arrow.png");
  display: block;
  height: 16px;
  width: 30px;
}