@charset "utf-8";

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Huvudinnehållet börjar ~~~~~~~~~~~~~~~~~~~~~~~~ */

#wrapper
	{
		width: 800px;
		margin: 20px auto;
		text-align: left;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Övre innehållet börjar ~~~~~~~~~~~~~~~~~~~~~~~~ */

#logotype
	{
		float: left;
	}
#heading, #heading a {
	text-decoration: none;
	font-size: 60px;
	color: #C37D31;
	}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Navigationen ~~~~~~~~~~~~~~~~~~~~~~~~ */
	
#navigation
	{
		float: right;
		margin-top: 15px;
		
		padding: 5px 0;
		border-bottom: 1px solid #dbdbdb;
	}
	
#navigation ul
	{
		list-style: none;
	}
	
#navigation ul li
	{
		display: inline;
		padding: 5px 10px;
		margin-left: 5px;
	}
	
#navigation ul li a
	{
		color: #6a6a6a;
		
		text-decoration: none;
		font-size: 1.2em;
		font-weight: bold;
	}
	
#navigation ul li a:hover
	{
		text-decoration: underline;
	}

#navigation #current a
	{
		color: #b0851e;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Övre boxen med välkomsttext ~~~~~~~~~~~~~~~~~~~~~~~~ */
	
#upperContent
	{
		width: 780px;
		padding: 10px;
		background:url('../img/mapBg.png');
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		border: 1px solid #d5d5d5;
	}
	
#leftUpperContent
	{
		float: left;
		margin-right: 15px;
	}

#leftUpperContent_description
	{
		margin-top: 1px;
	}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Sökboxen ~~~~~~~~~~~~~~~~~~~~~~~~ */
#form {
	float: left;
	width: 440px;
	}
	
#middleContent
	{
		width: 780px;
		height: 375px;
		background: url('/img/searchBoxBg.png');
		border: 1px solid #bb8124;
		margin-top: 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 10px;
		-webkit-box-shadow: inset 1px 1px 1px #f2d19c;
	}
	
#apiContent
	{
		width: 780px;
		height: 680px;
		background: url('/img/searchBoxBg.png');
		border: 1px solid #bb8124;
		margin-top: 10px;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		padding: 10px;
		-webkit-box-shadow: inset 1px 1px 1px #f2d19c;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Information om ens elområde ~~~~~~~~~~~~~~~~~~~~~~~~ */
	
#information
	{
		width: 300px;
		height: 220px;
		float: left;
		margin-left: 10px;
	}
	
#information ul
	{
		list-style: none;
	}
	
#information ul li
	{
		display: block;
		margin-top: 10px;
		border-bottom: 1px dashed #bb8c17;
		color: #654d0f;
		font-weight: bold;
	}
	
	
#mapbox {
    width: 526px;
}
	
	#map_canvas {
		height: 400px;
		width: 400px;

} 

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Nedre innehållet börjar ~~~~~~~~~~~~~~~~~~~~~~~~ */

#bottomContainer
	{
		width: 780px;
		margin: 10px 0 0 10px;
	}
	
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Foten på sidan ~~~~~~~~~~~~~~~~~~~~~~~~ */
	
#footer
	{
		width: 780px;
		height: 15px;
		background:url('/img/footerBg.png') repeat-x #f0f0f0;
		border-top: 1px solid #dbdbdb;
		margin: 10px 0;
		padding-top: 5px;
		text-align: center;
		font-size: 0.9em;
		color: #999;
	}