/* Structure */
body{
  background-color: #fff;
}
header{
    height:80px;
    left:0px;
    top:0px;
    padding-left:25px;
    background-color: #fff;
}
#logo{
  float:left;
}
#nav{
  margin-top:2%;
  float:right;
}

#left{
  float:left;
  width:40%;
  padding:10px;
  height:auto;
}
#right{
  float:right;
  width:55%;
  padding:10px;
  height:auto;
}
#left_eko{
  float:left;
  width:30%;
  padding:10px;
  height:auto;
}
#right_eko{
  float:right;
  width:65%;
  padding:10px;
  height:auto;
}
#left_text{
  float:left;
  width:40%;
  padding:10px;
  margin-left:20px;
  height:auto;
}
footer{
  float:left;
  width:90%;
  padding: 20px;
}

#co2_general{
  float:left;
  width:95%;
  height:auto;
  text-align: center;
}
#co2_info{
  float:left;
  width:40%;
  text-align: left;
}
#co2_bar{
  float:right;
  width:40%;
  text-align: left;
}

#energy_general{
  float:right;
  width:45%;
  height: auto;
  text-align: center;
}
#energy_info{
  position: relative;
  width:90%;

  text-align: center;
}
#energy_bar{
  position: relative;
  width:90%;

  text-align: center;
}

#Materials{
  margin-top:25px;
  float:left;
  width:100%;
  text-align: center;
}
#materials_text{
  float:left;
  width:20%;
  text-align: right;
  padding-top:20px;
}
#materials_graph{
  float:right;
  padding-top:0px;
  width:80%;
  text-align: center;
}


#Circular{
  position: relative;
  width:90%%;

  text-align: center;
}
#EST{
  float:left;
  text-align: center;
  width:100%;
  height:150px;
}
#GYF{
  float:left;
  text-align: left;
  width:15%;
  height:auto;
}
.EkoT{
  float:right;
  text-align: left;
  width:80%;
  height:auto;
}
.et{
  float:left;
  height:100px;
  padding:5px;
}
#et_energy{
  opacity: 0.1;
}
#et_cultural{
  opacity: 0.1;
}
#et_support{
  opacity: 0.1;
}
#et_regulate{
  opacity: 0.1;
}

.byggval_left{
  float: left;
  width: 40%;
}
.byggval_right{
  float: right;
  width: 40%;
}

.column_left{
  height:auto;
  background-color: #fefefe;
  padding:25px;
  margin-bottom:25px;
}
fieldset {
  border: none;
}
.ui-selectmenu {
  padding: 0.5em 0 0.5em 3em;
}

/* Type */
h1,h2,h3 {
    color: black;
    font-family: 'Alata', sans-serif;

}

h1 {

}
p,ui-selectmenu-text {
  color: black;
  font-family: 'Alata', sans-serif;
  font-size: 0.9em;

}
cerulean{color:#9BC4E2;}
fasad{color:#119DA4;}
inne{color:#19647E;}
stomme{color:#7C6354;}
grund{color:#FFC857;}


nr{
  font-size: 4.4em;
}
nr2{
  font-size: 2.4em;
}

a {
  text-decoration: underline;
  color:#19647E;
}


.node {
  fill: #ddd;
  stroke: #fff;
}

.label {
  font: 10px sans-serif;
  text-anchor: middle;
}

/* JQuery UI overwrites*/
.ui-widget .ui-widget {
    font-size: 0.8em;
}
.ui-selectmenu-button.ui-button {
  width: 12em;
}