@font-face {
 font-family: 'Lucida Sans';
  src: url('fonts/lucidasansregular.eot?') format('eot'), url('fonts/lucidasansregular.woff') format('woff'), url('fonts/lucidasansregular.ttf') format('truetype');
  
 font-family: 'Optima';
  src: url('fonts/optima.eot?') format('eot'), url('fonts/optima.woff') format('woff'), url('fonts/optima.ttf') format('truetype');
  
  }


body
{
	font-family: Optima, Times, Verdana, Tahoma, Arial, Sans-serif;
	font-size: 14px;
	font-weight:bold;
	color: #ffffff; /*fefefe,e6e6e6*/
	letter-spacing: 1.5;	
	/*background-image: url('images/gradient.svg'); background-color: #292929; background-repeat:no-repeat;*/
	background-color: #2e2e2e;
}


#main
{
	position: relative;
	width: 980px;
	margin: 0px auto;
	top: 10px;
	/*border: 1px solid #009900;*/
}


#header
{
	position:relative;
	left: 10px; /*0px*/
	top:0px; 
	margin-bottom: 12px; /*10px*/
	/*border: 1px solid #009900;*/
	width:960px;
}


#menu
{
	position:relative;
	top: 6px;
	width:980px;
	z-index: 6;
}


/*innehåll på sidan ej. logo, meny eller sidfot*/
#content
{
	position: relative;
	width: 918px;
	padding: 20px;
	left: 10px;
	border-left: 1px solid #cdcdcd;
	border-right: 1px solid #cdcdcd;
	background-image: url('images/gradient2.svg'); background-color: #666; background-repeat:no-repeat;
}


#content_firstpage
{
	position: relative;
	width: 960px;
	left: 10px;
	top: 0px;
	/*border: 1px solid #009999;*/
	background-color: #transperant;
	/*min-height: 660px;*/
	background-image: url(images/firstpage_bg2.jpg);
	background-repeat:no-repeat;
	z-index: 1;
}




.nyhetspuff
{
	position:absolute;
	background-color: #f4740c; 
	border: 2px solid #efefef;
	opacity: 0.9;
	-moz-border-radius: 15px;
	border-radius: 15px;
	
	
-moz-box-shadow: 5px 5px 3px #222;
-webkit-box-shadow: 5px 5px 3px #222;
box-shadow: 5px 5px 3px #222;
	
	left: 55px;
	top: 470px; 
	padding: 8px;
	line-height: 150%;
	width: 380px;
	color: #333; /*666666*/
	
-webkit-transition: background-color 0.5s ease;
  -moz-transition: background-color 0.5s ease;
  -o-transition: background-color 0.5s ease;
  transition: background-color 0.5s ease;
	
	
}





.nyhetspuff:hover
{
background-color: #efefef;
	border: 2px solid #f4740c;	
	
	
}




.partners_firstpage
{
	position:absolute;
	/*border: 1px solid #666666;*/
	left: 35px;
	top: 30px; 
	padding: 8px;
	width: 580px;
	color: #666666;
	
}


.offer_firstpage
{
	position:absolute;
	/*border: 1px solid #666666;*/
	left: 35px;
	top: 30px; 
	padding: 8px;
	width: 380px;
	color: #666666;
	z-index: 10;	

}

.shadow
{
-moz-box-shadow: 5px 5px 3px #222;
-webkit-box-shadow: 5px 5px 3px #222;
box-shadow: 5px 5px 3px #222;
}	


.sidepictures
{
	position: relative; 
	width: 290px; /*300px*/ 
	left: 88px; /*85 px*/
	border: 2px solid #333333; /*E6E6E6*/
	float:left;
	-moz-box-shadow: 7px 7px 5px #333;
-webkit-box-shadow: 7px 7px 5px #333;
box-shadow: 7px 7px 5px #333;
 border: 8px solid #efefef;
 -webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
}


#rightcolum /*not in use*/
{
	position: relative; 
	width: 290px; /*300px*/ 
	left: 88px; /*85 px*/
	float:left;
}


#footer
{
	position:relative;
	width:954px;
	left:10px;
	top:0px;
	padding-left: 6px;
	padding-top: 2px; /*2px*/
	padding-bottom: 0px;
	background-color: #f4740c; /*e9881d*/
}


img
{
	border: 0;
}


.contactPicture
{
	float: left; 
	margin-right: 10px; 
	border: 2px solid #666666;
}


p
{
	line-height: 150%;
}

/*----Rubriker----*/

h1, h2, h3, h4 
{
	font-family: "Lucida Sans", verdana, arial, sans-serif;
	font-weight: normal;
	color: #ff9a19; /*f89618,E6E6E6, 89adc7*/
	padding-top: 0px;
	margin: 0px;
}


h1 
{
	font-size: 190%; 
	padding-bottom: 5px;
}


h2 
{
	
	font-size: 120%; 
	
	padding-bottom: 2px;
	color:#efefef; /*35434d,a4d0ee,FF9900, a4d0ee*/
	font-weight: 600;
	text-transform:uppercase;
}


p + h2
{
	
	
	padding-top: 2em;

}

ul + h2
{
	
	
	padding-top: 2em;

}




h3 
{
	font-size: 107%; 
	padding-bottom: 2px;
	text-transform:uppercase;
}


h1 + h2 /*this rule means that all h2 tags that comes directly after h1 shall have this rule*/
{ 
	padding-top: 2em; 
} 





.smalltext
{
	font-size: 9px;
}


.caption
{
	margin-top: 4px;
	font-size: 9px;
	
}


.tabcontainer  h2{ /*rules statet that h2 that comes after, but not req directly after tabcointiner shall have this rule*/
	color: #FF9900;
}




ul {
	line-height: 1.3em;
	list-style: square outside url('images/li_dot.png');
	margin: 15px;
	padding: 0;
}


li
{
padding: 5px 0px 5px 0px;
margin: 0px;
border: 0px solid #009900;
}


td
{
	vertical-align: top;
}




/*----Länkar----*/

a:link {color: #82d9ba; text-decoration: none}
a:visited {color: #c7e2bf; text-decoration: none} /*c7e2bf, 79a466, 5a80e1*/
a:hover {color: #82d9ba; text-decoration: underline} /*333333*/
a:active {color: #777711; text-decoration: none}


a.nyheter:link {color: #111; text-decoration: none}
a.nyheter:visited {color: #111; text-decoration: none} 
a.nyheter:hover {color: #111; text-decoration: underline} 
a.nyheter:active {color: #111; text-decoration: none}


a.sprak:link {color: #ffffff; text-decoration: none}
a.sprak:visited {color: #ffffff; text-decoration: none} /*c7e2bf, 79a466, 5a80e1*/
a.sprak:hover {color: #222222; text-decoration: underline} /*333333*/
a.sprak:active {color: #ffffff; text-decoration: none}