/* Reset (full) */
html, body { margin: 0; padding: 0; border: 0;
			background:transparent; font-size:10px }
			
div, span, article, aside, footer, header, hgroup, nav, section,
h1, h2, h3, h4, h5, h5, p, blockquote, a, ol, ul, li,
table, tr, th, td, tbody, tfoot, thead {
		margin: 0;
		padding: 0;
		vertical-align: baseline;
		background:transparent;
		}
img {margin:0; padding:0; border:0;}			
/*behövs detta stycke. samma som ovan */
 table, tr, th, td, tbody, tfoot, thead {
		margin: 0;
		padding: 0;
		vertical-align: baseline;
		background:transparent;
		}

table { border-collapse: collapse; border-spacing: 0; }
input, select, textarea, form, fieldset {
		margin: 0; padding: 0; border: 0;
		}

		/* lite html 5 */
article, aside, dialog, figure, footer, header, hgroup, nav, section{
		display:block; }
h1, h2, h3, h4, h5, h6, p, li, blockquote, td, th, a, caption, em, strong, strike {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 100%;
	font-weight: normal;
	font-style: normal;
	line-height: 100%;
	text-indent: 0;
	text-decoration: none;
	text-align:left;
	color: #000;
	}
	
ol, ul { list-style:none; }
/* ************   slut på Reset **************/

/* Global */
html  {   }
body  { background-color:#eeeeee; }



/* Headings */
h1, h2, h3, h4, h5, h6 { fint-weight:bold; color: #000; }
h1 { font-size:24px; }
h2 { font-size:20px; padding: 20px 0px 0px 0px; border-top:1px #C0C0C0 solid;}
h3 { font-size:16px; }
h4 { font-size:14px; }
h5 { font-size:14px; }
h6 { font-size:14px; }

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin: 0;}

/* Text Elements */
p			{color:#000; font-size:12px; line-height:150%; }
p .left		{margin:1.5em  1.5em  1.5em  0; padding: 0;  }
p .right	{margin:1.5em 0 1.5em  1.5em; padding: 0;  }

a			{   }
a:link		{ color: #00f;   }
a:visited	{ color: #000000;   }
a:active	{ color: #FF0066;   }
a:focus		{ color: #666;   }
a:hover		{ color: #f00;   }

blockquote	{ color:#000; font-size:12px; }

strong		{ font-weight: bold;  }
em			{ font-style: italic;  }

/* Images  */


/* Lists  */
ul			{   }
ol			{ list-style-type:decimal;  }

ul li		{ color:  #000; font-size:14px;  }
ol li		{ color:#000; font-size:12px;  }

dl			{   }
dt			{   }
dd			{   }

/* Tables */
table		{ width:100%;  }

tr			{   }
.odd		{ background-color:#eee;  }
.even		{ background-color:#fff;  }

th			{ font-weight: bold;  }
thead, th	{ background: #ccc; padding:5px 0; }

tbody		{   }

th, td, caption		{   }
caption 			{   }

td			{ padding: 5px 0px 5px 0px;  }

tfoot		{   }
.tfooter	{ background-color:#ccc; text-align:center; font-style:italic;  }

caption		{ background: #efefef;  }


/* Containers */
	/* wrapper  */
	/* ställa in bredden på det som visas på sidan */
	#wrapper { width:900px; background-color:#ffffff; }
	/* Ställa in marginaler. 0 uppe nere och vä-hö lika stora(auto) */
	#wrapper { margin:0px auto; } 	
#top		{ background-color: #ffffff; width:100%; padding:25px 0px; overflow:hidden; border-bottom:5px #FFFF00 solid; }
#logo		{ margin:0  0  0  20px; float:left; }
	/* Topnav - inline lägger menyerna efter varandra */
	#topnav		{   }   
	#topnav ul {width:100%; float:left; margin:0px; background-color:#0000FF }
	#topnav	ul li { display:inline;  }  
	#topnav	ul li a { float:right; padding: 10px 40px 10px 40px;  }
	#topnav { background-color:#ffffff; clear:both; }

	#topnav a:link		{ color:#ffffff;  }
	#topnav a:visited	{ color:#ffffff;  }
	#topnav a:active	{ color:#ffffff;  }
	#topnav a:hover		{ color:#ffffff; background-color:#8A0000; }
	#topnav a:focus		{ color:#ffffff;  }



	#pageinfo  { float:right; margin-right: 15px; }

#banner		{   }
#subbanner		{   }
#content-wrapper		{   }
#leftnav		{   }
#leftside		{   }
#leftside { float:left; width:200px; padding:20px 20px; background-color:#FFFFFF;  }
#leftside a  { line-height:200%; }
#rightside		{   }
#content		{   }
#content h1  { padding:25px 0 ; }
#content { width :600px; padding:20px 20px; margin-left:246px; 
	background-color:#ffffff; font-size:14px;  }
#content p		{ margin:16px 0; line-height:160% }
#content img	{ padding:15px;   }  /* border:1px #888888 solid; margin:8px;  */
#footer		{   }
#box1		{   }
#box2		{   }
#box3		{   }
#box4		{   }
#box5		{   }
#box6		{   }

/*  Layout extra */

/* Navigation extra */

/* Forms */
form { text-align:left; margin:20px;   }
label, submit, input, textarea {
	border:0; padding:0; margin:0; background:none;
		}
label {
		float: left; width:150px;
		text-align:right; display:block;
		}
input, textarea  {
	border:1px #333 solid; margin-left:10px
		}
input  {
	width:280px; height: 150px;
	margin-bottom:16px;
	}
select   {   }
.submit  {
	width:90px;  height:25px;
	margin-left:150px;
	font-size:12px;
	}
br	{ clear: left;  }



	

#footer { width:100%; padding:10px 0px; 
		background-color:#0000FF; border-top: 3px #FFFF00 solid; }
#footer p {text-align:center; color:#ffffff; }
h1 {  
	font-family:Arial, Helvetica, sans-serif;
	font-size:36px;
	color:#0000ff;	
	}
.news { color: #FF0000; font-style:italic; }			
/* Embedded youtube videos */
iframe {margin-left: 20px; rel:0 ; allow ="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture; allowfullscreen" }