<style type="text/css">
body
{
   margin: 0;
   padding: 0;
   font: 90% arial, helvetica, sans-serif;
   background-color: #aaaaaa;
   color: #333;

}


#container
{
color:#404040;
background-color: #FFF;
margin:8px auto;
padding:0;
width:1024px;
}
#header
{
     background-color:#add8e6;
     margin: 0;
     padding-top: 0.5px;
     height: 179px;
}


h1
{
   background: #FFF;
   color: #F00;
   margin: 0;
   padding: 1em 3%;
   
  }


h2, h3
{
   margin-top: 0;
   margin: 0;
   padding: 0;
}

#norraker
{
   
   text-align: center;
}
#rubrik
{
   background: #FFF;
   font: 200% arial, helvetica, sans-serif;
   color: #F00;
   margin: 0;
   padding: 0;
   text-align: center;
}


#container2
{
    background: #FFF;
    padding: 0;
    margin: 0;
}


#left
{
   width: 160px;
   height: auto;
   float: left;
    padding-left: 10px;
   margin: 2em 1.5%;
   background: #FFF;
   border: solid 1px;
 
}


#center
{
   width: 620px;
   height: auto;
   padding-left: 3px;
   padding-right: 3px;
   float: left;
   margin: 1em 0.5%;
   background: #FFF;
   border: 1px solid black;

}


#right
{
   width: 160px;
   height: auto;
     padding-right: 10px;
   text-align: left;
   float: right;
   margin: 1em 0.5%;
   background: #FFF;
 
}
   #rubrik
{
   background: #00F;
   font: 200% arial, helvetica, sans-serif;
   color: #FFF;
   margin: 0;
   padding: 0;
   text-align: center;
} 
 
 #rubrik2
{
   background-color: #f00;
   font: 150% arial, helvetica, sans-serif;
   color: #FFF;
   margin: 0;
   padding: 0;
   text-align: left;
}
 #box1
{
  float: left;
  position: relativ;
  width: 640px;
  height: auto;
  padding: 2px;
  margin: 5px;
  background: #fff;
  border: 1px solid black;  
}

#box2
{
  float: left;
  position: relativ;
  width: 312px;
  height: auto;
  padding: 2px;
  margin: 5px;
  background: #fff;
  border: 1px solid black;  
}
#box3
{
  float: left;
  position: relativ;
  width: 203px;
  height: auto;
  padding: 2px;
  margin: 5px;
  background: #fff;
  border: 1px solid black;  
}

 #fiskelankar
{
  float: left;
  position: relativ;
  width: 640px;
  height:auto;
  padding: 2px;
  margin: 5px;
  background: #fff;
  border: 1px solid black;  
}

#nav ul
{
   margin: 0;
   padding: 0;
   list-style-type: none;
   line-height: 150%;
}


a
{
text-decoration: none;
}

a:link
{
   color: blue;
text-decoration: none;
}

a:visited
{
   color: purple;
text-decoration: none;
}

a:hover
{
   color: red;
text-decoration: none;
}



#footer
{
   clear: both;
   background: #036;
   color: #fff;
   padding: 12px ;
   text-align: left;
   height: 50px;
 
}   


ul#navigation
{
   margin-left: 0;
   padding-left: 0;
   list-style-type: none;
   background: #036;
   float: left;
   width: 100%
 }

ul#navigation li
{
   display: inline;
}

ul#navigation a
{
   display: block;
   float: left;
   padding: 0.3em 1em;
   margin: 0;
   text-decoration: none;
   color: #fff;
   background: #036;
   border-right: 1px solid #fff;
}

ul#navigation a:hover
{
   color: #000;
   background: #69C;
}

ul#navigation a:active
{
   color: #000;
   background: #69C;
}
#flags
{
color: #B8860B;
position: relative;
bottom:1em;
float: left;
text-align: left;
background: #ffffff;
padding: 0px;
width:auto;
margin-bottom:7em;
padding-right: 5px;
padding-left: 5px;
margin-top: 1.5em;
}
#gray_dotted
{
border-top: 2px; 
border-right: 1px dotted gray;
border-bottom: 1px dotted gray;
border-left: 1px dotted gray;
padding: 5px 1%;
color: #B8860B;
background: white;
margin-top: 3px;
margin-right: 2px;
margin-left: 5px;
font-family: verdana, arial, sans-serif;
font-size: 1em;
text-align: left;
width:96%;
}
			.bread { color: #000000; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif }
			.breadfat { color: #000000; font-weight: bold; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif }
			.breadnote { color: #000000; font-size: 10px; font-family: verdana, arial, helvetica, sans-serif }
			.breadobs { color: #ff0000; font-weight: bold; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif; }
			.breadobsthrough { color: #ff0000; font-weight: bold; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: line-through;}
			.breadobsthroughblack { color: #000000; font-weight: bold; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif; text-decoration: line-through;}
			.breadnotefat { color: #000000; font-weight: bold; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif  }
			.breadnotefatobs { color: #ff0000; font-weight: bold; font-size: 10px; font-family: verdana, arial, helvetica, sans-serif }
			.copyright { color: #999999; font-size: 10px; font-family: verdana, arial, helvetica, sans-serif }
			.heading1 { color: #ffffff; font-weight: bold; font-size: 18px; font-family: verdana, arial, helvetica, sans-serif }
			.heading2 { color: #ffffff; font-weight: bold; font-size: 14px; font-family: verdana, arial, helvetica, sans-serif }
			.heading3 { color: #ffffff; font-weight: bold; font-size: 12px; font-family: verdana, arial, helvetica, sans-serif }
			.heading4 { color: #ff0000; font-weight: bold; font-size: 14px; font-family: verdana, arial, helvetica, sans-serif }
---------------------------------------------------
------------------------------------------------

div.thumbnail
{
   width: 140px;
   float: left;
   margin: 0 10px 10px 0;
   background: url(guoutelisjaure1.jpg) no-repeat;
}

div.thumbnail img
{
   border: 1px solid #777;
   margin: 10px 0 0 10px;
}

div.thumbnail p
{
   margin: 0;
   padding: 0 20px 30px 10px;
   background: url(guoutelisjaure2.jpg) no-repeat 0 100%;
}

.clear
{
   clear: left;
}

--------------------------------------------------------------------------------------------------
ul#navigator {

list-style-type: none;

background-color: #7ea8cf;

border: 1px #666666 solid;

float: left;

width: 100%;

margin-top: 10px;

margin-left: 0;

padding-left: 0;

padding: 2px;

text-align: center;



}

housebutton {

font-weight: bold;

text-align: center;

margin-bottom: 3px;

margin-top: 3px;



}

.housebutton a {

padding: 4px;

text-decoration: none;

display: block;

color: #224059;

background-color: #b5c9e2;

border-top: 2px #cce3ff solid;

border-left: 2px #cce3ff solid;

border-bottom: 2px #31557f solid;

border-right: 2px #31557f solid;



}

.housebutton a:hover {

background-color: #99aabf;

border-top: 2px #31557f solid;

border-left: 2px #31557f solid;

border-bottom: 2px #cce3ff solid;

border-right: 2px #cce3ff solid;

}

---------------------------------------------------------------------------------------------------------

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
		
}

#nav a {
	display: block;
	width: 10em;
}

#nav li {
	float: left;
	width: 10em;
	clear: left;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}

#nav li ul ul {
	margin: -1em 0 0 10em;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}


#nav li:hover ul ul, #nav li.sfhover ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {
	left: auto;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	left: auto;
}

=================================================================================================================================================================================

#tag, #tag ul {
	padding: 0;
	margin: 0;
	list-style: none;
		
}

#tag a {
	display: block;
	width: 10em;
}

#tag li {
	float: left;
	width: 10em;
	clear: left;
}

#tag li ul {
	position: absolute;
	width: 10em;
	left: -999em;
	
}

#tag li:hover ul {
	left: auto;
}

#tag li:hover ul, #tag li.sfhover ul {
	left: auto;
}

#tag li ul ul {
	margin: -1em 0 0 10em;
}

#tag, #tag ul {
	padding: 0;
	margin: 0;
	list-style: none; 
	line-height: 1;
}


#tag li:hover ul ul, #tag li.sfhover ul ul {
	left: -999em;
}

#tag li:hover ul, #tag li li:hover ul, #tag li.sfhover ul, #tag li li.sfhover ul {
	left: auto;
}


#tag li:hover ul ul, #tag li:hover ul ul ul, #tag li.sfhover ul ul, #tag li.sfhover ul ul ul {
	left: -999em;
}

#tag li:hover ul, #tag li li:hover ul, #tag li li li:hover ul, #tag li.sfhover ul, #tag li li.sfhover ul, #tag li li li.sfhover ul {
	left: auto;
}


#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul, #nav li.sfhover ul ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul, #nav li li li li.sfhover ul {
	left: auto;
}



</style>
