@charset "UTF-8";
/* CSS Document */
body {
	background-image:url(bilder/bakgr_toning.jpg);
	background-repeat:repeat-x;
	background-position: left top;
	background-color: #7dbfe3;
	margin:0px;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 18px;
	color: #FFFFFF;
}

#pratbubbla {
margin: 70px 0px 0px 450px;
color: #101010;
padding: 10px;
}

#pratbubbla #head
{
  float: left;
  height: 100px;
  display: block;
}

ul#Menu
{
  margin-top: 50px;
}

ul#Menu li
{
  float: left;
  width: 200px;
  list-style-type: none;
}

ul#Menu li
{
  margin-bottom: 0px;
}

ul#Menu li.first-item
{
  margin: 0px;
  padding: 0px;
  width: 200px;
  border-left: 2px solid #fff;
}

ul#Menu li a
{
  color: #fff;
}

#index_linje {
	height: 203px;
	width: 100%;
	background-color: #7dbfe3;
	padding-left: 0px;	
	position: relative;
	z-index:10;
}

#index_linje2 {
	height: 203px;
	width: 100%;
	padding-left: 0px;	
	position: relative;
	z-index:10;
}

#bild {
	margin-left: 0px;
}

#omrade {
	background-color: #0082c9;
	clear: left;
	float: left;
	width: 205px;
/*	height: 215px;*/
	margin-left: 20px;
	margin-top: 0px;
	padding-top: 30px;
	padding-bottom: 20px;
	padding-right: 30px;
	padding-left: 20px;
	position: relative;
	z-index:3;
}

#omrade_blank {
	background-color: #0082c9;
	clear: left;
	float: left;
	width: 205px;
	height: 215px;
	margin-left: 20px;
	margin-top: 0px;
	padding-top: 30px;
	padding-bottom: 20px;
	padding-right: 30px;
	padding-left: 20px;
	position: relative;
	z-index:3;
}

#maintext {
	background-color: #FFFFFF;
	float: left;
	width: 394px;
/*	height: 195px;*/
	border-right: 315px solid #0082c9;
	margin-right: -315px;
	margin-top: 0px;
	padding-top: 45px;
	padding-bottom: 30px;
	padding-right: 20px;
	padding-left: 20px;
	color: #000000;
	position: relative;
	z-index:2;
}
* HTML #maintext {
	width: 374px;
}

#referenser1 {
	background-color: #FFFFFF;
	float: left;
	width: 709px;
/*	height: 195px;*/
	margin-top: 0px;
	padding-top: 45px;
	padding-bottom: 30px;
	padding-right: 20px;
	padding-left: 20px;
	color: #000000;
	position: relative;
	z-index:2;
}



#righttext {
	background-color: #0082C9;
	float: left;
/*	height: 195px;*/
	width: 275px;
	margin-top: 0px;
	overflow: visible;
	padding-top: 45px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	position: relative;
	z-index:4;
}

* HTML #righttext {
	background-color: #0082C9;
	float: left;
/*	height: 195px;*/
	width: 255px;
	margin-top: 0px;
	overflow: visible;
	padding-top: 45px;
	padding-right: 20px;
	padding-left: 20px;
	padding-bottom: 20px;
	position: relative;
	z-index:4;
}

#sida_linje {
	height: 203px;
	width: 100%;
	background-color: #7dbfe3;
	padding-left: 0px;
	margin-top: 32px;
	position: relative;
	z-index: 999;
}


#menu {
	background-color: #0082c9;
	margin: 0px;
	clear: both;
	height: 17px;
	width: 1024px;
	text-align:right;
}

#menu_index {
	background-color: #0082c9;
	margin-top: 355px;
	clear: both;
	height: 17px;
	width: 1024px;
	text-align:right;
}	

#menu ul {
	text-align: right;
}

#menu li {
	float: right;
	display: inline;
	margin-top: 4px;
	padding-right: 15px;
	padding-left: 15px;
	border-right: 1px solid #FFFFFF;
	line-height:9px;
}

#menu li.sist {
	border-right: none;
}

#menu li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: lighter;
	text-transform: uppercase;
	color: #FFFFFF;
	letter-spacing: 0.15em;
	text-decoration:none;
}

#menu_index ul {
	text-align: right;
}

#menu_index li {
	float: right;
	display: inline;
	margin-top: 4px;
	padding-right: 15px;
	padding-left: 15px;
	border-right: 1px solid #cccccc;
	line-height:9px;
}

#menu_index li.sist {
	border-right: none;
}

#menu_index li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9px;
	font-weight: lighter;
	text-transform: uppercase;
	color: #cccccc;
	letter-spacing: 0.15em;
	text-decoration:none;
}

#menu_index li a:hover {
	color: #777777;
}

h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height:18px;
	margin: 18px 0px 9px 0px;
	font-weight: bolder;
}

#menu li a:hover {
	color: #7dbfe3;
}

#pilfalt {
position: absolute;
left: 580px;
top: 600px;
z-index: 5;
}

#maintext_sub {
	background-color: #FFFFFF;
	float: left;
	width: 409px;
/*	height: 195px;*/
	margin-top: 0px;
	padding-top: 45px;
	padding-bottom: 20px;
	padding-right: 320px;
	padding-left: 20px;
	color: #000000;
	position: relative;
	z-index:2;
}
* HTML #maintext_sub {
	background-color: #FFFFFF;
	float: left;
	width: 409px;
/*	height: 195px;*/
	margin-top: 0px;
	padding-top: 45px;
	padding-bottom: 20px;
	padding-right: 300px;
	padding-left: 20px;
	color: #000000;
	position: relative;
	z-index:2;
}
/*ta bort detta!*/
#maintext2 {
	background-color: #FFFFFF;
	float: left;
	width: 394px;
/*	height: 195px;*/
	margin-top: 00px;
	padding-top: 45px;
	padding-bottom: 20px;
	padding-right: 20px;
	padding-left: 20px;
	color: #000000;
	position: relative;
	z-index:2;
}

.listblock {
	background-color:#0082C9;
	font-weight: bolder;
	text-transform: capitalize;
	color: #FFFFFF;
	margin: 2px;
	padding: 8px;
	}
	
.listblock_gra {
	background-color:#333333;
	font-weight: bolder;
	text-transform: capitalize;
	color: #FFFFFF;
	margin: 2px;
	padding: 8px;
	}
.listblock_orange {
	background-color:#FF6600;
	font-weight: bolder;
	text-transform: capitalize;
	color: #FFFFFF;
	margin: 2px;
	padding: 8px;
	}
.personfoto {
	margin: 30px 10px 0px 0px;
	}

#credits {
	width: 1024px;
	margin-top: 20px;
	text-align: right;
	position: relative;
	z-index:1;
}

a.ssi {
	color: #0082c9;
	font-size:9px;
	line-height: 11px;
	text-decoration: none;
}

a.ssi:hover {
	text-decoration:underline;
}

.noborder {
	border: none;
	}

a.whitelink {
	color: #ffffff;
	text-decoration:none;
	}
	
a.whitelink:hover {
	color: #ffffff;
	text-decoration:none;
	}

.under_flash {
position:relative;
z-index:-99;
}

.under_flash {
position:relative;
z-index:1;
}

div#righttext a{
	color: #fff;
	text-decoration:none;
	font-weight:bold;
}