body {font-family: Arial, Helvetica, sans-serif;}

.a { font-family: 'Roboto', sans-serif; font-size: 75px; color: #FFFFFF; font-stretch: ultra-condensed; }
.b { font-family: 'Roboto', sans-serif; font-size: 70px; color: #FFFFFF; text-shadow: 1px 1px #000000; font-stretch: ultra-condensed; }
.c { font-family: 'Roboto', sans-serif; font-size: 75px; color: #FFFFFF; }
.d { font-family: 'Verdana', sans-serif; font-size: 12px; color: #FFFFFF; }
.e { font-family: 'Roboto', sans-serif; font-size: 20px; color: #FFFFFF; }

.button {
  transition-duration: 0.4s;
  background-color: rgba(13,23,35,0.8); /* Green */
  border: 1px solid #1cc700;
  color: white;
  padding: 10px 24px;
  text-align: center;
  text-decoration: none;
  text-shadow: 1px 1px #000000;
  display: inline-block;
  font-size: 14px;
}

.button:hover {
  background-color: rgba(19,34,55,0.6); /* Green */
  color: white;
}

.buttonicons {
  transition-duration: 0.4s;
  border: 0px;
  color: #999999;
  padding: 15px 16px;
  text-align: center;
  text-decoration: none;
  display: inline-block;
  font-size: 16px;
}

.buttonicons:hover {
  background-color: #fd592f; /* Green */
  color: #FFFFFF;
}

a.middle
{
    position: relative;
	text-decoration: none;
	font: 13px Verdana, Arial, sans-serif;
	color: #999999;
	letter-spacing: 2px;
	word-spacing: 0.4px;
	text-transform: uppercase;
}

a.middle:before {
  content: "";
  position: absolute;
  width: 100%;
  height: 2px;
  bottom: 0;
  top: 17px;
  left: 0;
  background-color: #fd592f;
  visibility: hidden;
  transform: scaleX(0);
  transition: all 0.3s ease-in-out;
}

a.middle:hover:before {
  visibility: visible;
  transform: scaleX(1);
}

/* The Modal (background) */ 
.modal {
  display: none; /* Hidden by default */
  position: fixed; /* Stay in place */
  z-index: 1; /* Sit on top */
  padding-top: 150px; /* Location of the box */
  right: 0;
  top: 0;
  width: 500px; /* Full width */
  height: 100%; /* Full height */
  overflow: auto; /* Enable scroll if needed */
  background-color: rgb(0,0,0); /* Fallback color */
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
}

/* Modal Content */
.modal-content {
  
  margin: auto;
  padding: 20px;
  border: 0px solid #888;
  width: 400px;
  height: 400px;
  color: #FFFFFF;
  font: 12px Verdana, Arial, sans-serif;
}

/* The info layers */
#meny1 {
	z-index: 2;
	visibility: hidden;
	position: absolute;
  right: 0px;
  top: 0px;
  background-color: rgba(0,0,0,0.4); /* Black w/ opacity */
  width: 400px; /* Full width */
  height: 100px; /* Full height */
  color: #ff3400;
  font-size: 14px;
  font-weight: bold;
  padding-top: 180px;
  padding-left: 30px;
  padding-right: 30px;
  padding-bottom: 100px;
}
#meny2 {
	z-index: 2;
	visibility: hidden;
	position: absolute;
  	right: 0px;
  	top: 0px;
  	width: 400px; /* Full width */
  	height: 100%; /* Full height */
  	padding-top: 0px;
  	padding-left: 0px;
  	padding-right: 0px;
  	padding-bottom: 0px;
}
	.om_oss {
		position: absolute;
		background-color: rgba(0,0,0,0.4);
		top: 119px;
  		bottom: 0px;
  		padding-left: 30px;
  		padding-right: 30px;
  		padding-top: 30px;
  		padding-bottom: 30px;
	}
#meny3 {
	z-index: 2;
	visibility: hidden;
	position: absolute;
  	right: 0px;
  	top: 0px;
  	width: 400px; /* Full width */
  	height: 100%; /* Full height */
  	padding-top: 0px;
  	padding-left: 0px;
  	padding-right: 0px;
  	padding-bottom: 0px;
}
	.hur_vi_jobbar {
		position: absolute;
		background-color: rgba(0,0,0,0.4);
		top: 119px;
  		bottom: 0px;
  		padding-left: 30px;
  		padding-right: 30px;
  		padding-top: 30px;
  		padding-bottom: 30px;
	}
#meny4 {
	z-index: 10;
	visibility: hidden;
	position: absolute;
  right: 0px;
  top: 0px;
  width: 100%; /* Full width */
  height: 100%; /* Full height */
  color: #CCCCCC;
  font-size: 14px;
  font-weight: 500;
  padding-top: 0px;
  padding-left: 0px;
  padding-right: 0px;
  padding-bottom: 0px;
  background: url(http://www.bygglanken.com/construction/img/flerbostadshus-1-large.jpg) no-repeat center center fixed; 
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
	#ecomoduler_miljo {
		position: absolute;
  		right: 0px;
  		top: 119px;
  		width: 400px; /* Full width */
  		height: 367px; /* Full height */
  		color: #CCCCCC;
  		font-size: 14px;
  		font-weight: 500;
  		padding-top: 0px;
  		padding-left: 0px;
  		padding-right: 0px;
  		padding-bottom: 0px;
	}
	#modulfakta {
		position: absolute;
  		top: 50%;
  		transform: translateY(-50%);
  		left: 100px;
  		padding-top: 30px;
  		padding-left: 30px;
  		padding-right: 30px;
  		padding-bottom: 30px;
		
	}
	
#meny5 {
	z-index: 2;
	visibility: hidden;
	position: absolute;
  	right: 0px;
  	top: 0px;
  	width: 400px; /* Full width */
  	height: 100%; /* Full height */
  	padding-top: 0px;
  	padding-left: 0px;
  	padding-right: 0px;
  	padding-bottom: 0px;
}