/* copyright Kenneth Pils */
/* http://pils.se/design */
  * { 
    margin: 0; 
    padding: 0;
  }
  
img {
	border: none;
}

/* typografi */
  html, body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 100%;
	background-color: #FFFFFF;
	color: #333333;
	margin-bottom: 0px;
	margin-top: 0px;
	line-height: 18px;
  }
  	body {
	margin: 0;
	padding: 0;
	min-height: 400px; /* For Mozilla/Opera/Safari */
	}
	
	ul {
    list-style-type: square;
    margin-left: 2em;
  }
  /* typografi */

p, li
{
color: #333333;
	font-size: 0.7em;
margin-right: 25px;
margin-top: 2px;
margin-bottom: 9px;
}

li, ol
{
margin: 0;
padding: 0;
margin-left: -21px;
}
h1 {
	padding-bottom: 18px;
	font-size: 2em;
	}

h2
{
	color: #000000;
	font-size: 0.75em;
	line-height: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	margin-left: 0px;
	margin-right: 15px;
	margin-top: 32px;
	margin-bottom: 9px;
}

h2 a
{
color: #000000;
text-decoration: none;
border: none;
}

h2 a:hover
{
color: #0099FF;
}

#vansterkolumn h2
{
margin-left: 15px;
margin-right: 15px;
margin-top: 0px;
margin-bottom: 0;
}

h3 a
{
color: #FF0099;
text-decoration: none;
border: none;
}

h3 a:hover
{
color: #000000;
}

#vansterkolumn h3
{
margin-left: 15px;
margin-right: 15px;
margin-top: 0px;
}

#vansterkolumn-nyheter h3
{
margin-left: 15px;
margin-right: 15px;
margin-top: 16px;
font-weight: bold;
}

#vansterkolumn-nyheter h3 a
{
color: #000000;
text-decoration: none;
border: none;
}

#vansterkolumn-nyheter h3 a:hover
{
color: #0099FF;
}

h4
{
	color: #FF0099;
	font-size: 0.75em;
	line-height: 16px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	margin-left: 0px;
	margin-right: 15px;
	margin-top: 32px;
	margin-bottom: 9px;
}

h4 a
{
color: #FF0099;
text-decoration: none;
border: none;
}

h4 a:hover
{
color: #000000;
}

h4.first
{
margin-top: 0px;
}

#vansterkolumn-index h4
{
margin-left: 15px;
margin-right: 25px;
margin-top: 8px;
}


#vansterkolumn-nyheter h4
{
margin-left: 15px;
margin-right: 25px;
margin-top: 0px;
}


h5
{
color: #000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: .8em;
line-height: 16px;
font-style: normal;
font-variant: normal;
font-weight: bold;
margin: 0;
margin-left: 15px;
margin-right: 25px;
margin-top: 48px;
margin-bottom: 0px;
padding: 0;
}

h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.6em;
	line-height: 13px;
	font-weight: normal;
	margin-left: 15px;
	margin-right: 25px;
	margin-top: 0px;
	color: #333333;
}

#vansterkolumn h6
{
	margin-right: 25px;
	margin-right: 25px;
	margin-top: 2px;
	margin-bottom: 9px;
	margin-left: 0px;

}

.no_top_margin {
	margin: 0px;
}

/* omsluter allt utom meny och footer */
#wrapper
{
	margin: 0;
	margin-top: 21px;
	margin-bottom: 10px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border: none;
	width: 864px;
	height: 675px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(pic_site/bakgrund_1.gif);
}

div.tomt_block {
	clear: both;
	background-color: transparent;
  }

/* hack wrapper*/
html>#wrapper	{
	margin: 0;
	margin-top: 21px;
	margin-bottom: 25px;
	margin-left: auto;
	margin-right: auto;
	padding: 0;
	border: none;
	width: 864px;
	height: 675px;
	background-repeat: no-repeat;
	background-position: 0 0;
	background-image: url(pic_site/bakgrund_1.gif);
}
/* end wrapper */	
	
	/* for frilaggning enligt lift */
div.spacer {
	height: 7px;
	background-color: transparent;
	width: 776px;
	margin-left: auto;
	margin-right: auto;
  	}
	


/* spans */
  .left { 
    float: left; 
    margin: 0 18px 18px 0; 
  }
  .right { 
    float: left; 
    margin: 0 0 18px 18px; 
  }
  .column {
	float: left;
	width: 490px;
  }
    .sidebar {
    width: 250px;
  }
  /*    .sidebar {
    width: 250px;
    font-size: 11px;
    color: #a39c8d;
  }*/
  
  /* ids */
#innehall
{
margin: 0;
margin-left: auto;
margin-right: auto;
margin-top: 21px;
margin-bottom: 21px;
padding: 0;
border: none;
width: 825px;
background-color: #FFFFFF;
}
#underdel
{
width: 800px;
height: 475px;
margin: 0;
padding: 0;
border: none;
margin: 0;
margin-top: 10px;
margin-bottom: 10px;
background-color: #FFFFFF;
clear: both;
}
div#underdel img
{
	margin-bottom: 0px;
	margin-top: 10px;
}

#vansterkolumn
{
	width: 245px;
	height: 475px;
	margin: 0;
	margin-right: 5px;
	border: none;
	float: left;
	background-color: #FFFFFF;
	overflow: auto;
}
#platshallare-2kolumner
{
	width: 550px;
	height: 475px;
	margin: 0;
	padding: 0;
	border: none;
	float: left;
	background-color: #FFFFFF;
	overflow: auto;
}

#full_width {
	float: left;
	width: 776px;
	padding-bottom: 40px;
  }

#content {
margin: 0;
margin-left: auto;
margin-right: auto;
margin-top: 21px;
margin-bottom: 21px;
padding: 0;
border: none;
width: 776px;
background-color: #FFFFFF;
  }

/* navigation meny  */
#logotype
{
border: none;
float: left;
background-color: transparent;
width: 250px;
height: 40px;
}

.knappar
{
	float: left;
	background-color: transparent;
	width: 800px;
	height: 40px;
}

#navigation
{
	height: 90px;
	background-color: transparent;
	color: #000000;
	float: left;
	width: 840px;
}
#navigation ul
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#navigation li
{
	margin: 0;
	padding: 0;
	list-style: none;
	display: inline;
}
#navigation li a
{
	display: block;
	text-decoration: none;
	padding: 0;
	margin: 0;
	margin-right: 0px;
	border: none;
	float: left;
	color: #FFFFFF;
}

a.loga
{
width: 250px;
height: 40px;
background-image: url(pic_site/lotte.gif);
background-repeat: no-repeat;
background-position: 0 0;
}

a.arbeten
{
width: 95px;
height: 40px;
background-image: url(pic_site/arbeten.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
a.arbeten-on
{
width: 95px;
height: 40px;
background-image: url(pic_site/arbeten_on.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
a.arbeten:hover
{
background-position: -120px 0;
background-image: url(pic_site/arbeten.gif);
}

a.cv
{
width: 44px;
height: 40px;
background-image: url(pic_site/cv.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
a.cv-on
{
width: 44px;
height: 40px;
background-image: url(pic_site/cv_on.gif);
background-position: 0 0;
background-repeat: no-repeat;
}
a.cv:hover
{
background-position: -120px 0;
background-image: url(pic_site/cv.gif);
}

a.samarbeten
{
width: 93px;
height: 40px;
background-image: url(pic_site/samarbeten.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
a.samarbeten-on
{
width: 93px;
height: 40px;
background-image: url(pic_site/samarbeten_on.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
a.samarbeten:hover
{
background-position: -120px 0;
background-image: url(pic_site/samarbeten.gif);
}

a.kontakt
{
width: 89px;
height: 40px;
background-image: url(pic_site/kontakt.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
a.kontakt-on
{
width: 89px;
height: 40px;
background-image: url(pic_site/kontakt_on.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
a.kontakt:hover
{
background-position: -120px 0;
background-image: url(pic_site/kontakt.gif);
}

a.arkiv
{
width: 67px;
height: 40px;
background-image: url(pic_site/arkiv.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
a.arkiv-on
{
width: 67px;
height: 40px;
background-image: url(pic_site/arkiv_on.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
a.arkiv:hover
{
background-position: -120px 0;
background-image: url(pic_site/arkiv.gif);
}

a.english
{
width: 60px;
height: 40px;
background-image: url(pic_site/english.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
a.english-on
{
width: 60px;
height: 40px;
background-image: url(pic_site/english_on.gif);
background-repeat: no-repeat;
background-position: 0 0;
}
a.english:hover
{
background-position: -120px 0;
background-image: url(pic_site/english.gif);
}

a.pil
{
	width: 100px;
	height: 76px;
	background-image: url(pic_site/back.gif);
	background-repeat: no-repeat;
	background-position: 42px 0;
	overflow: visible;
	position: relative;
	top: -10px;
}
a.pil:hover
{
	width: 100px;
	height: 76px;
	background-image: url(pic_site/back_on.gif);
	background-repeat: no-repeat;
	background-position: 42px 0;
	overflow: visible;
}

/* formatering av tabeller  */
table {
	margin: 0px;
	width: 500px;
	padding: 0;
	border: 0;
	margin-top: 0px;
	margin-bottom: 15px;
}
#table_full_width {
	margin: 0px;
	width: 720px;
	padding: 0;
	border: 0;
	margin-top: 0px;
}

.td-spacer1 {
	width: 200px;
	vertical-align: top;
}
.td-spacer2 {
	width: 20px;
}
.td-spacer3 {
	width: 280px;
		vertical-align: top;
}
.td-spacer5 {
	width: 475px;
}

/* TONY ASLETT HACK for frilaggning */
/* ingen-extra-kod-metoden fr frilggning (clearing) som uppfunnits av Tony Aslett - www.csscreator.com */
/* lagg helt enkelt till klassen clearfix till den behllare som maste omge flytande element */
/* las mer om hur och varfor detta fungerar pa http://www.positioniseverything.net/easyclearing.html */ 
.clearfix:after {
    content: ".";              /* punkten placeras pa sidan som sista objekt innan div-elementet avslutas */
	display: block;          /* inline-element reagerar inte p egenskapen clear */ 
    height: 0;                 /* ser till att punkten inte ar synlig */
    clear: both;               /* fr behllaren att frilgga punkten */
    visibility: hidden;	     	/* frskrar ytterligare att punkten inte r synlig */
}
.clearfix {display: inline-block;}   /* en fix fr IE Mac */

/* hrnst en fix for den fruktade giljotinbuggen i IE6 */
/* Gommer fr IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {
	display: block;
	clear: both;
	float: none;
}
/* Slut pa gmning fr IE-mac */
/* slut pa ingen-extra-kod-metoden for frilggning (clearing) */
td {
	padding-bottom: 0px;
}
td p {
	font-size: 10px;
	line-height: 14px;
	margin-right: 0px;
}
a {
	color: #000000;
}
.distace {
	margin-bottom: 300px;
} /*avstnd for ankare*/
strong {
	color: #000000;
}
#pils_design {
	height: 9px;
	text-align: right;
	width: 850px;
	margin-right: auto;
	margin-left: auto;
}
.bildtext {
	font-size: 10px;
	line-height: 14px;
}
#bredd2kolumner .bildtext {
	margin-top: 0px;
}
.first {

}

#bredd2kolumner .first img {
	margin-top: 0px;
}
.div_245 {
	float: left;
	width: 245px;
	margin-right: 10px;
}