body 
	{
	font: 100% 'Myriad Pro', Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0;					/* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center;			/* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #666666;				/* background-color: #FFFFFF; */
	position: relative;			/*undersök om detta behövs */
	top: 30px;
	}


/* ---------- Selektorer: ---------- */

.thrColFixHdr #container
	{ 
	width: 980px; 				/* using 20px less than a full 800px width allows for browser chrome and avoids a horizontal scroll bar. Ändrat från 780px */
	background: #FFFFFF;
	margin: 0 auto;				/* the auto margins (in conjunction with a width) center the page */
	border: 0px solid #000000;	/* ändrat från 1px */
	text-align: left;			/* this overrides the text-align: center on the body element. */
	} 
	
* html .thrColFixHdr #container { width: 983px; }

.thrColFixHdr #header
	{ 
	background: #FFFFFF; 
	padding: 0 2px 2px 20px;  /* this padding matches the left alignment of the elements in the divs that appear beneath it.
								If an image is used in the #header instead of text, you may want to remove the padding. */
	} 

.thrColFixHdr #header h1
	{
	margin: 0;					/* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs.
								If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding: 0px 0;				/* using padding instead of margin will allow you to keep the element away from the edges of the div */
	}


.thrColFixHdr #line-nav p
	{
	font: 70% 'Myriad Pro', Arial, Helvetica, sans-serif; /* Linjära navigeringen under rubriklinjen */
	color: #666666;
	}




/* ---------- NAVIGERING: ---------- */

ul#navigation
	{
	margin: 0;
	padding: 0;
	list-style-type: none;
	background: none;
	float: right;
	width: 500px;
	}

ul#navigation li
	{
	display: inline; /* horisontell rad */
	}

ul#navigation a
	{
	display: block; /* Gör att padding kan läggas till på alla sidor */
	float: left;
	padding: .2em 1em;
	text-decoration: none;
	/*height: 20px;
	width: 45px;*/
	}





.thrColFixHdr #headerL
	{
	float: left; /* since this element is floated, a width must be given */
	width: 330px; /* Ändrat från 150px. the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 0 5px 5px 20px; /* padding keeps the content of the div away from the edges */
	}


.thrColFixHdr #headerR
	{ 
	margin: 0 0 35px 30px; /* 120 px marginal till container-kanter, vänster, 30px vert för större logga. */
	padding: 32px 10px 18px 20px; /* Höjdvärdena för att linjera underkanter på text med loggans. */
	text-align: right;
	font: 90% 'Myriad Pro', Arial, Helvetica, sans-serif;
	}












/* ---------- Spalter ---------- */

.thrColFixHdr #enkelspalt
	{
	/*font: 75% Arial, Helvetica, sans-serif;*/
	float: left; /* since this element is floated, a width must be given */
	width: 950px; /* Ändrat från 150px. the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 9px 15px 20px; /* padding keeps the content of the div away from the edges */
	}


.thrColFixHdr #sidebar1
	{
	/*font: 75% Arial, Helvetica, sans-serif;*/
	float: left; /* since this element is floated, a width must be given */
	width: 200px; /* Ändrat från 150px. the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 9px 15px 20px; /* padding keeps the content of the div away from the edges */
	}

.thrColFixHdr #sidebarF
	{	/* Fakta-spalt med grå bakgrund */
	/*font: 75% Arial, Helvetica, sans-serif;*/
	line-height: 100%;
	float: right; /* since this element is floated, a width must be given */
	width: 198px; /* Ändrat från 150px. the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EEE; /* the background color will be displayed for the length of the content in the column, but no further */
	border-style: solid;
	border-width: 10px 10px 0 0px;
	border-color: white;
	/* border: 10px white; */
	padding: 5px 0px 10px 10px; /* padding keeps the content of the div away from the edges */
	left: 20px;
	}

.thrColFixHdr #sidebar2
	{
	/*font: 75% Arial, Helvetica, sans-serif;*/
	float: right; /* since this element is floated, a width must be given */
	width: 200px; /* Ändrat från 160px. the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #FFFFFF; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 10px 15px 20px; /* padding keeps the content of the div away from the edges */
	}

.thrColFixHdr #sidebar_footer
	{
	/*font: 75% Arial, Helvetica, sans-serif;*/
	float: left; /* since this element is floated, a width must be given */
	width: 175px; /* Ändrat från 150px. the actual width of this div, in standards-compliant browsers, or standards mode in Internet Explorer will include the padding and border in addition to the width */
	background: #EEE; /* the background color will be displayed for the length of the content in the column, but no further */
	padding: 10px 9px 15px 20px; /* padding keeps the content of the div away from the edges */
	}


.thrColFixHdr #mainContent
	{ 
	/*font: 85% Arial, Helvetica, sans-serif;*/
	margin: 0 230px; /* 230 px marginal till container-kanter, både höger och vänster. */
	padding: 10px 10px 10px 15px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	} 

.thrColFixHdr #mainContentWide
	{ 
	/*font: 85% Arial, Helvetica, sans-serif;*/
	margin: 0 0 0 230px; /* 230 px marginal till container-kanter, vänster. */
	padding: 10px 10px; /* remember that padding is the space inside the div box and margin is the space outside the div box */
	}

.thrColFixHdr #footer
	{
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#FFFFFF;
	font: 70% 'Myriad Pro', Arial, Helvetica, sans-serif;
	} 

.thrColFixHdr #footer p
	{
	margin: 0; /* zeroing the margins of the first element in the footer will avoid the possibility of margin collapse - a space between divs */
	padding: 10px 0; /* padding on this element will create space, just as the the margin would have, without the margin collapse issue */
	}

.thrColFixHdr #footer2
	{
	padding: 0 10px 0 20px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:#EEE;
	} 


.fltrt
	{ /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
	}

.fltlft
	{ /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
	}

.clearfloat
	{ /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
	}

body,td,th
	{
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	}




/* ---------- Huvudbehållare, 1000px bred ---------- */

/*#container
	{
	text-align: left;
	margin: 0px auto;
	width: 1000px
	}*/


#minirubrik
	{
	font: 50% 'Myriad Pro', Arial, Helvetica, sans-serif;
	color: #666666;
	letter-spacing: .3em;
	padding: 0 0 8px 0;
	}




	
/* ---------- Länkar: alla ---------- */

a
	{
	text-decoration: none;
	}

a:link
	{
	color: #333333;
	}
a:visited
	{
	color: #333333;
	}
a:hover
	{
	color: red;	/* border-bottom: 1px solid red; */
	}


/* Länkar: class YAH (You are here) */

a.YAH:link
	{
	color: #666666;
	}
a.YAH:visited
	{
	color: #666666;
	}
a.YAH:hover
	{
	color: red;
	}

/* Länkar: class DENNA (aktuell sida) */

a.DENNA:link
	{
	color: black;
	}
a.DENNA:visited
	{
	color: black;
	}	
a.DENNA:hover
	{
	color: black;
	}	


/* Länkar: class HEADER */

a.HEADER:link
	{
	color: #666666;
	}
a.HEADER:visited
	{
	color: #666666;
	}	
a.HEADER:hover
	{
	color: red;
	}


/* Länkar: class KONT_MAIL */

a.KONT_MAIL:link
	{
	color: #666666;
	}
a.KONT_MAIL:visited
	{
	color: #666666;
	}	
a.KONT_MAIL:hover
	{
	color: red;
	}

	

img
	{
	border: none;
	}

	


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

h1 
	{
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 24px;
	margin: 5px 0px 5px 0px;
	}

h2 
	{
	font-family: 'Myriad Pro', Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 16px;
	margin: 5px 0px 2px 0px;
	}





/* ---------- Text ---------- */
	
p 
	{
	text-align: left;
	font: 100% 'Myriad Pro', Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px 0px 0px 0px;
	}

p.BILDTEXT 
	{
	text-align: left;
	font: 60% 'Myriad Pro', Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 140%;
	margin: 4px 0px 0px 0px;
	}
	
p.INGRESS 
	{
	font: 90% 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 5px 0 5px 0;
	line-height: 140%;
	}

p.BRODRUBRIK 
	{
	font: 90% 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	padding: 5px 0 5px 0;
	line-height: 140%;
	}

p.BRODTEXT
	{
	text-align: left;
	font: 90% 'Myriad Pro', Arial, Helvetica, sans-serif;
	line-height: 140%;
	padding: 2px 0 8px 0;
	}

p.KURSIV
	{
	text-align: left;
	font: 90% 'Myriad Pro', Arial, Helvetica, sans-serif;
	color: #666666;
	font-style: italic;
	line-height: 140%;
	padding: 20px 0 10px 0;
	}


p.BRODTEXT_SIDA
	{
	text-align: left;
	font: 80% 'Myriad Pro', Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 125%;
	padding: 2px 0 10px 0;
	}


p.BRODTEXT_PRESS
	{
	text-align: left;
	font: 80% 'Myriad Pro', Arial, Helvetica, sans-serif;
	color: #666666;
	line-height: 125%;
	padding: 2px 0 2px 0;
	}


p.LANK
	{
	font: 90% 'Myriad Pro', Arial, Helvetica, sans-serif;
	padding: 20px 0 10px 0;
	}

p.LANK_MITT
	{
	font: 90% 'Myriad Pro', Arial, Helvetica, sans-serif;
	padding: 20px 0 10px 0;
	}
	
p.PUBL 
	{
	text-align: left;
	font: 60% 'Myriad Pro', Arial, Helvetica, sans-serif;
	color: #999;
	margin: 15px 0px 0px 0px;
	}	

p.PUBL_BOTT 
	{
	text-align: left;
	font: 70% 'Myriad Pro', Arial, Helvetica, sans-serif;
	color: #999;
	margin: 0px 0px 20px 0px;
	}

p.PUBL_SIDA 
	{
	text-align: left;
	font: 50% 'Myriad Pro', Arial, Helvetica, sans-serif;
	color: #999;
	margin: 10px 0px 5px 0px;
	}

p.COPYTEXT 
	{
	text-align: left;
	font: 70% Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 10px 10px 5px 0px;
	}

p.FOOTER 
	{
	font: 100% 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: normal;
	color: #666;
	padding: 5px 0 5px 0;
	line-height: 120%;
	}

p.FOOTER_DARK 
	{
	font: 120% 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333;
	padding: 5px 0 5px 0;
	line-height: 100%;
	}


/* ---------- Text kontaktsida ---------- */

p.KONT_RUBR									/*Rubrik på kontaktsida*/
	{
	font: 50% 'Myriad Pro', Arial, Helvetica, sans-serif;
	color: #999;
	letter-spacing: .3em;
	padding: 5px 0 2px 0;
	}

p.KONT_TEXT
	{
	font: 90% 'Myriad Pro', Arial, Helvetica, sans-serif;
	line-height: 120%;
	padding: 2px 0 8px 0;
	}



/* ---------- Text faktaruta ---------- */

p.FAKTATITEL									/*Titeln i faktarutan*/
	{
	font: 50% 'Myriad Pro', Arial, Helvetica, sans-serif;
	color: #666666;
	letter-spacing: .3em;
	padding: 5px 0 0 0;
	}

	
p.FAKTARUBRIK									/*Rubriker i faktarutan*/
	{
	font: 75% 'Myriad Pro', Arial, Helvetica, sans-serif;
	font-weight: bold;
	letter-spacing: .1em;
	padding: 10px 0 0 0;
	}	

p.FAKTA											/*Text i faktarutan*/
	{
	font: 75% 'Myriad Pro', Arial, Helvetica, sans-serif;
	line-height: 120%;
	}



	
	
/* ---------- Bildgalleri ---------- */	

.gallerycontainer
	{
	position: relative;					/*Add a height attribute and set to largest image's height to prevent overlaying*/
	}

.thumbnail img
	{
	border: 0px;
	margin: 0;
	}

.thumbnail2 img
	{
	border: 0px;
	margin: 0;
	}

.thumbnail3 img
	{
	border: 0px;
	margin: 0;
	}

.thumbnail:hover
	{
	background-color: transparent;
	}

.thumbnail2:hover
	{
	background-color: transparent;
	}

.thumbnail3:hover
	{
	background-color: transparent;
	}

.thumbnail:hover img
	{
	border: 0px;
	}

.thumbnail2:hover img
	{
	border: 0px;
	}

.thumbnail3:hover img
	{
	border: 0px;
	}

.thumbnail span
	{ 									/*CSS för stora bilden, övre raden*/
	position: absolute;
	background-color: white;
	padding: 0px;
	left: -1000px;
	border: 1px black;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}

.thumbnail2 span
	{ 									/*CSS för stora bilden, andra raden*/
	position: absolute;
	background-color: white;
	padding: 0px;
	left: -1000px;
	border: 1px black;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}

.thumbnail3 span
	{ 									/*CSS för stora bilden, tredje raden*/
	position: absolute;
	background-color: white;
	padding: 0px;
	left: -1000px;
	border: 1px black;
	visibility: hidden;
	color: black;
	text-decoration: none;
	}

.thumbnail span img
	{ 									/*CSS för stora bilden, övre raden*/
	border-width: 0;
	padding: 0px;						/* Ursprungligt värde: 2px */
	}

.thumbnail2 span img
	{ 									/*CSS för stora bilden, andra raden*/
	border-width: 0;
	padding: 0px;						/* Ursprungligt värde: 2px */
	}

.thumbnail3 span img
	{ 									/*CSS för stora bilden, tredje raden*/
	border-width: 0;
	padding: 0px;						/* Ursprungligt värde: 2px */
	}	

.thumbnail:hover span
	{ 									/*CSS för stora bilden, övre raden*/
	visibility: visible;
	top: 0px;							/* 55px för att linjera med överkant spalt */
	left: 220px; 						/* -5px för att linjera med spaltens vänsterkant */
	text-decoration: none;
	z-index: 50;
	}

.thumbnail2:hover span
	{ 									/*CSS för stora bilden, andra raden*/
	visibility: visible;
	top: -50px;							/* 55px för att linjera med överkant spalt */
	left: 220px; 						/* -5px för att linjera med spaltens vänsterkant */
	text-decoration: none;
	z-index: 50;
	}

.thumbnail3:hover span
	{ 									/*CSS för stora bilden, tredje raden*/
	visibility: visible;
	top: -100px;							/* 55px för att linjera med överkant spalt */
	left: 220px; 						/* -5px för att linjera med spaltens vänsterkant */
	text-decoration: none;
	z-index: 50;
	}