html {
	background: #e4e4e4;
}

body {
	background: url('../img/bg-top.png') repeat-x top;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 19px;
	line-height: 28px;
	color: #747474;
}

h2 { 
	
	margin-top: 40px;
	border-bottom: 2px solid #c3c3c3;
	height: 30px;
}
h2 span {
  display: none;
}

p {
  padding: 10px;
}

a {
  color: #505050;
  text-decoration: none;
}

a:hover {
  color: #0072bc;
  text-decoration: underline;
}

.right {
  float: right;
}


/* NAVIGATION */

#logo h1 a { 
	display: block;
	width: 220px;
	height: 163px;
	background: url('../img/logo.png') no-repeat;
}
#logo h1 a:hover {
	background: url('../img/logo-bw.png') no-repeat;
}
#logo h1 a span { 
	display: none;
}

#nav {
	height: 27px;
	padding-top: 72px;
}

#nav span {
	display: none;
}

#nav li {
	float: left;
	margin-right: 29px;
}

#nav li.last {
  margin-right: 0;
}

#nav li a {
	display: block;
	height: 21px;
}

#nav li.start_nav a { background: url('../img/nav.png') 0 0 no-repeat; width: 66px; }
#nav li.start_nav a:hover { background: url('../img/nav.png') 0 -22px no-repeat; }
#nav li.start_nav a:active, #home #nav li.start_nav a { background: url('../img/nav.png') 0 -44px no-repeat; }

#nav li.tjanster_nav a { background: url('../img/nav.png') -67px 0 no-repeat; width: 107px }
#nav li.tjanster_nav a:hover { background: url('../img/nav.png') -67px -22px no-repeat; }
#nav li.tjanster_nav a:active, #tjanster #nav li.tjanster_nav a { background: url('../img/nav.png') -67px -44px no-repeat; }

#nav li.uppdrag_nav a { background: url('../img/nav.png') -175px 0 no-repeat; width: 103px }
#nav li.uppdrag_nav a:hover { background: url('../img/nav.png') -175px -22px no-repeat; }
#nav li.uppdrag_nav a:active, #uppdrag #nav li.uppdrag_nav a { background: url('../img/nav.png') -175px -44px no-repeat; }

#nav li.om_nav a { background: url('../img/nav.png') -279px 0 no-repeat; width: 127px }
#nav li.om_nav a:hover { background: url('../img/nav.png') -279px -22px no-repeat; }
#nav li.om_nav a:active, #om #nav li.om_nav a { background: url('../img/nav.png') -279px -44px no-repeat; }

#nav li.kontakt_nav a { background: url('../img/nav.png') -407px 0 no-repeat; width: 101px }
#nav li.kontakt_nav a:hover { background: url('../img/nav.png') -407px -22px no-repeat; }
#nav li.kontakt_nav a:active, #kontakt #nav li.kontakt_nav a { background: url('../img/nav.png') -407px -44px no-repeat; }




/* START */

#welcome {
  height: 322px;
  background: url(../img/welcome-1.png) no-repeat;
  }
  
p.senaste {
  padding: 0;
}

p.senaste img {
  margin: 12px 0 0 0;
  padding: 0;
  float: left;
  border: 2px solid #c3c3c3;
}

p.senaste img:hover {
  border: 2px solid #0072bc;
}

p.senaste img.first {
  margin: 12px 12px 0 0;
}


/* TJÄNSTER */

#nav2 span {
	display: none;
}

#nav2 li a {
	display: block;
	height: 27px;
	margin: 10px;
}

#nav2 li.byra_nav a { background: url('../img/nav2.png') 0 -27px no-repeat; width: 107px; }
#nav2 li.byra_nav a:hover, #nav2 li.byra_nav a.current { background: url('../img/nav2.png') 0 0 no-repeat; }

#nav2 li.master_nav a { background: url('../img/nav2.png') -107px -27px no-repeat; width: 152px; }
#nav2 li.master_nav a:hover, #nav2 li.master_nav a.current { background: url('../img/nav2.png') -107px 0 no-repeat; }

#nav2 li.hotell_nav a { background: url('../img/nav2.png') -259px -27px no-repeat; width: 146px; }
#nav2 li.hotell_nav a:hover, #nav2 li.hotell_nav a.current { background: url('../img/nav2.png') -259px 0 no-repeat; }

#nav2 li.annons_nav a { background: url('../img/nav3.png') 0 -27px no-repeat; width: 157px; }
#nav2 li.annons_nav a:hover, #nav2 li.annons_nav a.current { background: url('../img/nav3.png') 0 0 no-repeat; }

#nav2 li.foretaget_nav a { background: url('../img/nav4_1.png') 0 -27px no-repeat; width: 125px; }
#nav2 li.foretaget_nav a:hover, #nav2 li.foretaget_nav a.current { background: url('../img/nav4_1.png') 0 0 no-repeat; }

#nav2 li.sajter_nav a { background: url('../img/nav4_1.png') -127px -27px no-repeat; width: 178px; }
#nav2 li.sajter_nav a:hover, #nav2 li.sajter_nav a.current { background: url('../img/nav4_1.png') -127px 0 no-repeat; }

#nav2 li.villkor_nav a { background: url('../img/nav4_3.png') 0 -27px no-repeat; width: 217px; }
#nav2 li.villkor_nav a:hover, #nav2 li.villkor_nav a.current { background: url('../img/nav4_3.png') 0 0 no-repeat; }

#nav2 li.hemsidor_nav a { background: url('../img/nav5.png') 0 -27px no-repeat; width: 113px; }
#nav2 li.hemsidor_nav a:hover, #nav2 li.hemsidor_nav a.current { background: url('../img/nav5.png') 0 0 no-repeat; }

#nav2 li.webbutiker_nav a { background: url('../img/nav5.png') -113px -27px no-repeat; width: 178px; }
#nav2 li.webbutiker_nav a:hover, #nav2 li.webbutiker_nav a.current { background: url('../img/nav5.png') -113px 0 no-repeat; }


#nav2 li.kontakta_nav a { background: url('../img/nav6.png') 0 -27px no-repeat; width: 195px; }
#nav2 li.kontakta_nav a:hover, #nav2 li.kontakta_nav a.current { background: url('../img/nav6.png') 0 0 no-repeat; }

#nav2 li.kontakta2_nav a { background: url('../img/nav6.png') -203px -27px no-repeat; width: 210px; }
#nav2 li.kontakta2_nav a:hover, #nav2 li.kontakta2_nav a.current { background: url('../img/nav6.png') -203px 0 no-repeat; }

#nav2 li.bestall_nav a { background: url('../img/nav7.png') 0 -27px no-repeat; width: 250px; }
#nav2 li.bestall_nav a:hover, #nav2 li.bestall_nav a.current { background: url('../img/nav7.png') 0 0 no-repeat; }
/* UPPDRAG */

p.uppdrag {
  padding: 0;
  display: inline-block;
  margin-top: 40px;
  width: 300px;
}

p.first {
  margin-top: 15px;
}


/* KONTAKT */

#kontakt label {  
  margin: 5px 0 0 0; 
  display: block; 
}

#kontakt input.textField { 
  width: 292px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #0072bc; 
  padding: 4px; 
  background: #c3c3c3; 
  border: none; 
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #939393;
  margin: 0 0 10px 0; 
}

#kontakt textarea.textArea { 
  width: 452px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  height: 100px; 
  color: #0072bc;
  padding: 4px; 
  background: #c3c3c3; 
  border: none; 
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #939393;
  margin: 0 0 5px 0; 
  overflow: auto; }
  
 #kontakt select.selectField { 
  width: 300px;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  color: #0072bc; 
  padding: 4px; 
  background: #c3c3c3; 
  border: none; 
  border-bottom: 1px solid #f0f0f0;
  border-top: 1px solid #939393;
  margin: 0 0 10px 0; 
}


/* FOOTER */

#footer {
  width: 100%;
  margin-top: 40px;
  padding: 20px 0 40px 0;
  background: #404041 url('../img/bg-foot.png') repeat-x top;
  color: #c4c4c4;
  font-size: 18px;
  line-height: 24px;
  letter-spacing: 1px;
}

#footer p {
  padding: 0;
}
#footer h2 {
  margin-top: 0;
  border: 0;
}

#footer a {
  color: #d3d3d3;
  text-decoration: none;
}

#footer a:hover {
  color: #ffffff;
  text-decoration: underline;
}

#footer span {
	display: none;
}

#footer li.joakimweb a { background: url('../img/joakimweb.png') 0 -47px no-repeat; width: 239px; height: 47px; display: block; margin-bottom: 12px; }
#footer li.joakimweb a:hover { background: url('../img/joakimweb.png') 0 0 no-repeat; }

#footer li.webstat a { background: url('../img/webstat.png') 0 -41px no-repeat; width: 235px; height: 41px; display: block; }
#footer li.webstat a:hover { background: url('../img/webstat.png') 0 0 no-repeat; }

#footer li.webstat2 a { background: url('../img/webstat2.png') 0 -21px no-repeat; width: 19px; height: 20px; display: block; }
#footer li.webstat2 a:hover { background: url('../img/webstat2.png') 0 0 no-repeat; }
	.stat {
	width:675px;
	}
	dl { 
		margin: 10px; 
		margin-left: -7px;
		padding: 0;                     
	}
	dt { 
		position: relative; /* IE is dumb */
		clear: none;
		display: block; 
		float: left; 
		width: 50px; 
		height: 26px; 
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: normal;
	font-size: 19px;
	line-height: 28px;
	color: #747474;
		text-align: right; 
		border-bottom: 1px solid #c3c3c3;
	}
	dt.headline_col1 { 
		clear: both;
		width: 205px;
		margin-left: 16px;
		text-align: left;
		font-weight: bold;
	}
	dt.headline_col2 { 
		width: 130px;
		text-align: left; 
		font-weight: bold;
	}
	dt.headline_col3 { 
		width: 130px;
		text-align: left; 
		font-weight: bold;
	}
	dt.headline_col4 { 
		width: 130px;
		text-align: left; 
		font-weight: bold;
	}
	
		dt.data_col1 { 
		clear: both;
		width: 205px;
		margin-left: 16px;
		text-align: left;
	}
	dt.data_col2 { 
		width: 130px;
		text-align: left; 
	}
	dt.data_col3 { 
		width: 130px;
		text-align: left; 
	}
	dt.data_col4 { 
		width: 130px;
		text-align: left; 
	}
	
		dt.headline2_col1 { 
		clear: both;
		width: 235px;
		margin-left: 16px;
		text-align: left;
		font-weight: bold;
	}
	dt.headline2_col2 { 
		width: 120px;
		text-align: right; 
		font-weight: bold;
	}
	dt.headline2_col3 { 
		width: 120px;
		text-align: right;
		font-weight: bold;
	}
	dt.headline2_col4 { 
		width: 120px;
		text-align: right;
		font-weight: bold;
	}
	
	dt.data2_col1 { 
		clear: both;
		width: 235px;
		margin-left: 16px;
		text-align: left;
	}
	dt.data2_col2 { 
		width: 120px;
		text-align: right; 
	}
	dt.data2_col3 { 
		width: 120px;
		text-align: right; 
	}
	dt.data2_col4 { 
		width: 120px;
		text-align: right; 
	}
	
	
	dt.bottom_col1 { 
		clear: both;
		width: 205px;
		margin-left: 16px;
		text-align: left;
		font-weight: bold;
		border-bottom: 0px;
	}
	dt.bottom_col2 { 
		width: 130px;
		text-align: left; 
		font-weight: bold;
		border-bottom: 0px;
	}
	dt.bottom_col3 { 
		width: 130px;
		text-align: left; 
		font-weight: bold;
		border-bottom: 0px;
	}
	dt.bottom_col4 { 
		width: 130px;
		text-align: left; 
		font-weight: bold;
		border-bottom: 0px;
	}
	
	dt.bottom2_col1 { 
		clear: both;
		width: 480px;
		margin-left: 16px;
		text-align: left;
		border-bottom: 0px;
		padding-bottom: 0px;
		padding-top: 10px;
	}
	
		dt.bottom4_col1 { 
		clear: both;
		width: 480px;
		margin-left: 16px;
		text-align: left;
		border-bottom: 0px;
		padding-bottom: 10px;
		padding-top: 0px;
	}
	
	dt.bottom3_col1 { 
		clear: both;
		width: 480px;
		margin-left: 16px;
		text-align: left;
		border-bottom: 0px;
		padding-bottom: 0px;
		padding-top: 10px;
	}