/* CSS Document for svenskgeoinfo */
*{margin:0;padding:0;}

body {
	background-color: #f2f5f7;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 70%;
	line-height: 130%;
	color: #000;
	text-align: left;	
}

a{color: #0059b3; text-decoration: underline;}

a:hover{color:#000; text-decoration: none;}

.hiddenInformation { /* Help for Screen Readers and Structure */
	display: none;
}

.date{color: #666;}

.red{color: #f00;}

.introduction{font-weight:bold;}

.imagetext{font-style: italic;}

input, textarea, select{margin: 4px;}

label {
	cursor: pointer;
}

#pageWrapper{
	background-color: #fff;
	border: 1px solid #bad0e7;
	margin: 9px auto 20px auto;
	width: 980px;
}

#headerContainer {
	text-align: left;
	font-size: 1em;
}

/* sidhuvudet */
#header{
	background: #fff url(../images/SGI_images/bg_huvud_new.jpg) top right no-repeat;
	overflow: hidden;
	zoom: 1;
}

	#header h1{
		background: url(../images/SGI_images/logga_small.gif) no-repeat 0 0;
		display: inline; /* IE */
		float: left;
		font-size: 2.1em;
		margin: 10px 0 0 14px;
		padding: 28px 0 24px 0;
		height:30px;
	}

	#header h1 a{text-decoration: none; padding: 20px 0 20px 106px;}
	
	#header a:hover{color: #0059b3;}

	#header form{
		display: inline;
		float:right;
		margin: 55px 10px 0 0;
	}

	#header fieldset{border: none;}
	
	#searchField {
		margin-right: 0;
		width: 200px;
	}

	#firstNavigationWrapper{
		border-top: 1px solid #0059b3;
		display: inline;
		float: left;
		font-size: 1.1em;
		margin-left: 1px;
		padding-top: 1px;
		width: 978px;
	}

	#firstNavigationWrapper ul{
		background: #0059b3 url(../images/SGI_images/border_menu_ul.gif) bottom left repeat-x;
		float: left;
		margin: 0;
		padding: /*0 0 2px 147px;*/ 0 0 2px 73px;
		list-style: none;
		/*width: 831px;*/
		width: 905px;
	}

	#firstNavigationWrapper li{float: left;}

	#firstNavigationWrapper a{
		background-color: #0059b3;
		color: #fff;
		display: block;
		float: left;
		font-weight: bold;
		text-decoration: none;
		padding: 7px 16px 8px 16px;
	}

	#firstNavigationWrapper a:hover{
		background-color:#358ce5;
	}
	
/* / sidhuvudet */

/* huvudinnehållet */
#contentWrapper{
	clear: both;
	padding: 20px 20px 20px 10px;
	overflow: hidden;
	zoom: 1;
}

.clear{clear: both;}

#contentContainer{
	padding: 0 0 0 20px;  /* 15px; */
	border-left: 1px solid #bad0e7;
	background-color:#fff;	
	margin-left: 234px;
	height: 100%;
}
	* html #contentContainer {
		margin-left: 230px;
	}

	#contentContainer p{max-width: 50em;}
	
	#contentContainer table{margin: 5px 0 5px 0;}
	
	#contentContainer h1{
		font-size: 1.5em;
		padding: 3px 0 0 0;
		color: #000;
		margin-bottom: 10px;
	}

	#contentContainer h2{
		border-bottom: 3px double #BAD0E7;
		font-size: 1.5em;
		padding: 0 0 8px 0;
		color: #000;
	}
	
	#contentContainer h3{
		font-size: 1em;
		padding: 3px 0 0 0;
		color: #000;
		margin-bottom: 10px;
	}
	
	#contentContainer .imgRight {
		float: right;
		padding: 0 0 0 1em;
		margin: 0 0 0 .5em;
		background-color: #fff;
		text-align: left;
	}

		#contentContainer .imgRight img {
			display: block;
			margin: 0;
			padding: 5px;
		}

	#contentContainer .imgLeft {
		float: left;
		text-align: left;
		padding: 5px 5px 5px 10px;
		margin: 0 .5em 0 0;
	}

		#contentContainer .imgLeft img {
			display: block;
			margin: 0;
			padding: 5px;
		}

	#contentContainer img{padding: 10px; border: none}
		
	#contentContainer #reportsList{
		list-style: none;
		margin-top: 20px;
		padding: 0;
	}
	
	#contentContainer #reportsList .first{
		border-top: 1px solid #B7B7B7;
	}
	
	#contentContainer #reportsList li{
		padding: 5px 5px 5px 5px;
		background-color: #F2F5F7;
		margin: 0 0 5px 0;
	}
	
	#contentContainer #reportsList ul{
		list-style: none;
		padding: 0;
		margin-left: 5px;
	}
	
	#contentContainer #reportsList ul li{
		padding: 5px 0 0 0;
	}
	
		#contentContainer #content{
			overflow: hidden;
			padding-top: 20px;
			zoom:1;
		}
		
		#contentContainer #content h2 {
			border: none;
			font-size: 1.3em;
		}

		#contentContainer #content p{
			padding-bottom: 15px;
		}
		
		*html #contentContainer #content p{width: 65%;}
		
		#contentContainer #content img{padding: 10px 10px 10px 0; border: none}
		
		#contentContainer #content ul{
			margin-left: 30px;
			padding: 0;
		}
		
		#contentContainer #content ol{
			margin-left: 25px;
			padding: 5px 0 5px 0;
		}
		
		#contentContainer #content dl{
			margin-left: 25px;
			padding: 5px 0 5px 0;
		}

#contentContainer #content #partners{
	border-left: 1px solid #BAD0E7;
	float: right;
	margin-left: 20px;
	padding-left: 30px;
	overflow: hidden;
	width: 160px; /* 280px */
}

	#contentContainer #content #partners h3{
		font-size: 1.1em;
		font-weight: bold;
		padding: 0;
		margin: 0 0 20px -20px;
	}

	#contentContainer #content #partners ul	{
		float: left;
		margin: 0;
		list-style-type: none;
		padding: 0; /* 3px */
	}

	#contentContainer #content #partners li{
		clear: left;
		float: left;
		margin: 10px 0; /* 5px */
		padding: 0;
		text-align: center;
		border-bottom: 1px solid #fff;
	}
	
	#contentContainer #content #partners li a{
		display: block;
		margin: 0; /* 5px */
		padding: 0;
		overflow: hidden;
		text-indent: -9999px;
		width: 148px;
	}
	
	#partners #lantmateriet a {
		background: url('../images/SGI_images/logo_lm.gif') top left no-repeat;
		height: 17px;
	}
	#partners #sjofartsverket a {
		background: url('../images/SGI_images/logo_sfv.gif') top left no-repeat;
		height: 34px;
	}
	#partners #sgi a {
		background: url('../images/SGI_images/logo_sgeoi.gif') top left no-repeat;
		height: 29px;
	}
	#partners #vagverket a {
		background: url('../images/SGI_images/logo_vv.gif') top left no-repeat;
		height: 26px;
	}
	#partners #myndighetenforsamhallsskyddochberedskap a {
		background: url('../images/SGI_images/logo_msb.gif') top left no-repeat;
		height: 40px;
	}
	#partners #smhi a {
		background: url('../images/SGI_images/logo_smhi.gif') top left no-repeat;
		height: 25px;
	}
	#partners #sgu a {
		background: url('../images/SGI_images/logo_sgu.gif') top left no-repeat;
		height: 34px;
	}
	#partners #stralsakerhetsmyndigheten a {
		background: url('../images/SGI_images/logo_ssm.gif') top left no-repeat;
		height: 50px;
	}
	#partners #banverket a {
		background: url('../images/SGI_images/logo_bv.gif') top left no-repeat;
		height: 20px;
	}
	#partners #trafikverket a {
		background: url('../images/SGI_images/logo_tv.gif') top left no-repeat;
		height: 23px;
	}
	
	/* Switch to color on :hover */
	#contentContainer #content #partners li a:hover { background-position: top right; }

	#contentContainer #content #partners img{border: none;}

#contentInformation{
	margin-top: 40px;
	border-top: 3px double #BAD0E7;
	padding: 10px 0 10px 0;
	clear:both;
}

/* Sökformuläret */	
#searchform{
	background: #F2F5F7;
	width: 45em;
	border-top: 1px solid #B7B7B7;
	border-bottom: 1px solid #B7B7B7;
}
	
#searchResult{
	list-style-type: none;
	width: 45em;
}
	
	#searchResult h3{
		color:#0059b3;
		font-size: 1em;
	}
	
	#searchResult li{
		padding: 10px 0 10px 0;
		border-bottom: 1px solid #B7B7B7;
	}
	
	#searchResult p{
		padding: 0 0 0 10px;
	}
/* /sökformuläret */

/* / huvudinnehållet */

/* Kalendarium tabellen */
#contentContainer #calendarTable {
	border-collapse: collapse;
	margin-top: 20px;
}

	#calendarTable th{
		background-color: #0059b3;
		border-bottom: 1px solid #fff;
		margin: 1px;
		padding: 6px 0 6px 6px;
		color: #fff;
	}

	#calendarTable td{
		padding: 6px 30px 6px 6px; 
		background: #F2F5F7; 
		border-bottom: 1px solid #BAD0E7;
	}

/* /Kalendarium tabellen */

/* Kontaktuppgifter */
dl{
	
	width: 25em;
	margin: 20px 10px 0 0;
	float: left;
}

dd{background-color: #F2F5F7;border-bottom: 5px solid #fff; padding: 10px;}

dt{
	font-weight: bold;
	margin: 0;
	padding: 7px 10px;
	background-color: #E8EDF1;
}

address{font-weight: normal;}

.contactlist{
	margin-left: 0;
}
/* / Kontaktuppgifter */

/* Kontaktformulär */
#contactForm{
	border: 1px solid #BAD0E7;
	background-color: #F2F5F7;
	margin-top: 20px;
	padding: 15px 15px 5px 15px;
	width: 38em;
}
	* html #contactForm{
		width: 39em;
	}

#contactForm p{
	padding-bottom: 10px;
}

/* *html #contactForm{width: 65%;} */

fieldset{border: none;}

legend{display: none;}

#e-mail, #question {
	width: 280px;
}

#name, #company {
	width: 220px;
}

.customerSupportLabel {
	vertical-align: top;
	display: block;		
	text-align: left;
	float: left;
	width: 10.5em;
	margin: 4px;
}

.customerSupportRadioBtnLabel{
	vertical-align: top;
	display: block;		
	text-align: left;
	float: left;
	width: 18em;
	margin-left: 4px;
	margin-right: 4px;
	margin-top: 4px;
} 

#contactForm #send {
	margin-left: 9.8em;
}
	* html #contactForm #send {
		margin-left: 12.2em;
	}

/* /Kontaktformulär */

/* Vänstermenyn */
#secondNavigationWrapper{
	background-color: #f2f5f7;
	width: 230px;
	float: left;
	zoom: 1;
}

	#secondNavigationWrapper a{
		text-decoration: none;
		color: #000;
	}

	#secondNavigationWrapper a:hover{text-decoration: underline;}

	#secondNavigationWrapper h2{
		background-color: #0059B3;
		border-bottom: 1px solid #fff;
		font-size: 1em;
		padding: 6px 10px;
		color: #fff;
	}

	#menu{
		border-bottom: 1px solid white;
		list-style: none;
		padding: 7px 5px;
	}

	#menu .navUnmarked{
		background: #f2f5f7 url('../images/SGI_images/secNav_unmarked.gif') no-repeat 0 .3em;
		margin: 0;
		padding: 0 0 1px 2em;		
	}

	#menu .navMarked {
		background: #f2f5f7 url('../images/SGI_images/secNav_marked.gif') no-repeat 0 .3em;
		font-weight: bold;
		margin: 0 0 0 6px;
		padding: 0 0 1px 1.4em;
	}

#newsList {
	list-style: none;
}
	
#newsList ul{
	margin-left: 15px;
	list-style-image: none;
	list-style-type: none;
	padding: 3px;
}

	#newsList li{
		border-bottom: 1px solid #fff;
		padding: 8px 10px;
	}

	#newsList h3{
		font-size: 1em;
		font-style: normal;
	}

	#newsList a{
		text-decoration: underline;
		color: #0059b3;
	}

	#newsList a:hover{color:#000;}
/* / Vänstermenyn */

/* sidfoten */
#footer{
	background: #f2f5f7;
	margin: 30px 20px 20px 20px;
	padding: 12px 15px;
	text-align: right;
}

	#footer ul{
		list-style: none;
		padding: 3px;
	}

	#footer li{
		display: inline;
	}
/* / sidfoten */

/* Spaltsystem */

.leftColumn{
	float: left;
	width: 60%;
}

.rightColumn{
	float: right;
	width: 39%;
}

/* / Spaltsystem */