@charset "utf-8";

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

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

#logotype
	{
		float: left;
		display:block;
		background:url("/images/natomrade_header.png") no-repeat scroll 0 0 transparent;
		width: 530px;
		height: 100px;
	}
#heading, #heading a {

	text-decoration: none;
	font-size: 60px;
	text-indent: -999px;
	display:block;
	width: 530px;
	height: 100px;

	}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Navigationen ~~~~~~~~~~~~~~~~~~~~~~~~ */
	
#navigation
	{
		float: left;
		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: #fff;
		text-decoration: none;
		font-size: 1.2em;
		font-weight: bold;
	}
	
#navigation ul li a:hover
	{
		text-decoration: underline;
	}

#navigation #current a
	{
		color: #b0851e;
	}
	
	
#svk {
background: url('/images/headline.png') no-repeat 0 0 ;
	height: 52px;
	width: 156px;
	float: right;	
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Övre boxen med välkomsttext ~~~~~~~~~~~~~~~~~~~~~~~~ */
	
#upperContent
	{
		width: 940px;
		padding: 10px;
		
		
		
		
		


	}
	
#leftUpperContent
	{
		float: left;
		margin-right: 15px;
		width: 350px;
		color: #fff;
		
		
	}
#leftUpperContent h1 {

	font-family: Tahoma, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	 
}
	

#leftUpperContent_description
	{
		margin-top: 1px;
	}
	
#rightUpperContent{
	float:left;
	width: 570px;
	
}
#rightUpperContent dl { }
#rightUpperContent dt {display:inline;}
#rightUpperContent dd {display:inline;}
.formLabel{
			font-size: 1.2em;
		
		width:90px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Form ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#forms {


}
#infoboxwrap{
	float:left;
}
#infowindow {
    
    position:absolute;
    margin-top: 10px;
    width: 686px;
    margin-left:80px;
    z-index: 2000;
 	 background: url('/images/semitransBg.png');
    
}
#infocontainer {
	z-index: 10;
	}
#infowindow ul{
	list-style-type: none;
	
}
#infowindow ul li{
	display: inline;
	margin-right: 10px;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Kartan ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#map{
	clear:both;
	 width: 750px; 
	 height: 800px; 
	margin-left: 79px;
   
    margin-top: 10px;
    background-color: #E5E3DF;
    overflow: hidden;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ Sökboxen ~~~~~~~~~~~~~~~~~~~~~~~~ */
#form {
	float: left;
	width: 440px;
	
	}
	
#middleContent
	{
		width: 780px;
		height: 230px;
		background: url('//images/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;
		text-shadow: 0 1px 0 #f3d7a9;
	}

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

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

#valj {
	display: none;
}